/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./styles/style.scss ***!
  \****************************************************************************************************************************************/
@charset "UTF-8";
/* -------------------------- *\
    Web Factor Styles
\* -------------------------- */
/* -------------------------- *\
    BULTAG Variables:
\* -------------------------- */
:root {
  /* Text */
  --font-family: "Montserrat", sans-serif;
  --font-family-2: "Playfair Display", serif;
  --font-family-3: "Helvetica", serif;
  --default-font-size: 1.6rem;
  --line-height: 1.3;
  --text-color: #000;
  --text-color-2: #045381;
  --link-color: rgba(0,0,0, .5);
  --link-hover-color: #000;
  /* Box Model */
  --border-radius: .7rem;
  --c3: #6E6259;
  --c4: #8C8279;
  --c5: #CDC9C1;
  --c6: #9D968D;
  --c7: #F6F4F2;
  --c8: #6E6259;
  --c9: #5A7B7D;
  --c14: #979797;
  --c15: #A8A297;
  --cw: #fff;
  --map-bubble: 23.7rem;
  --trans: cubic-bezier(.19,1,.22,1);
  --bottom-mob: 8rem;
  /* Other */
  /*--intro-image-background: rgba(0,0,0, .5);*/
  /*--skew: 0deg;*/
  /*--polygon: polygon(0 0, 100% 0, 100% 75vh, 0 100%);*/
  /*--polygon-2:  polygon(0 15vh,  100% 0, 100% 75vh, 0 100%);*/
}

/* Colors */
/* -------------------------- *\
    Web Factor Clearfix
\* -------------------------- */
/* -------------------------- *\
    Media Queries
\* -------------------------- */
/* -------------------------- *\
    Nav Menu
\* -------------------------- */
/* -------------------------- *\
    Transition
\* -------------------------- */
/* -------------------------- *\
    Transform Center
\* -------------------------- */
/* -------------------------- *\
   Hovers
\* -------------------------- */
/* -------------------------- *\
     Web Factor Reset
\* -------------------------- */
*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  outline: 0;
  box-sizing: border-box;
}

*:before,
*:after {
  --size: 0rem;
  width: var(--size);
  height: var(--size);
}

/* -------------------------- *\
    Web Factor Base
\* -------------------------- */
@media (min-width: 600px) {
  :root {
    font-size: 1.667vw;
  }
}
@media (min-width: 768px) {
  :root {
    font-size: 10px;
  }
}
@media (min-width: 1920px) {
  :root {
    font-size: 0.5209vw;
  }
}

html {
  font-size: 62.5%;
  max-width: 100vw;
  overflow-x: hidden;
  height: 100vh;
  width: 100vw;
}
@media (max-width: 1024px) {
  html {
    overflow-x: hidden;
  }
}
html.no_scroll {
  overflow: hidden;
}

body {
  background: #fff;
  font-family: var(--font-family);
  font-size: var(--default-font-size);
  line-height: var(--line-height);
  color: var(--text-color);
  max-width: 100vw;
  min-height: 100vh;
  counter-reset: div;
  display: flex;
  flex-direction: column;
  transition: opacity 1s;
}
body main {
  flex-grow: 1;
  min-height: 100vh;
}
body.no_scroll {
  overflow: hidden;
}
body.on_reload {
  opacity: 0;
}

nav li {
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* -------------------------- *\
    Shell
\* -------------------------- */
.shell {
  max-width: 162rem;
  margin: 0 auto;
}
@media (max-width: 162rem) {
  .shell {
    padding: 0 1.5rem;
  }
}
.shell--sm {
  max-width: 76rem;
}
@media (min-width: 780px) {
  .shell--sm {
    padding: 0;
  }
}

/* -------------------------- *\
    Helpers
\* -------------------------- */
.center {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.onlymobile {
  display: block;
}

.shell.base_grid {
  padding: 0;
  display: grid;
  grid-template-columns: 5vw 1fr 5vw;
  max-width: 100%;
}
@media (min-width: 360px) {
  .shell.base_grid {
    grid-template-columns: repeat(16, 14fr 10fr) 14fr;
  }
}
@media (min-width: 768px) {
  .shell.base_grid {
    grid-template-columns: 7.8vw repeat(12, 12fr 14fr) 12fr 7.8vw;
  }
}
@media (max-width: 767px) {
  .shell.base_grid .center_mob {
    grid-column: 2/span 1;
  }
}
@media (max-width: 767px) and (min-width: 360px) {
  .shell.base_grid .center_mob {
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .shell.base_grid .center_desk {
    grid-column: 2/span 25;
  }
}

/* -------------------------- *\
    Section
\* -------------------------- */
section {
  background: #fff;
  padding: 2rem 0;
}
@media (min-width: 320px) {
  section {
    padding: 2.5rem 0;
  }
}
@media (min-width: 1200pxpx) {
  section {
    padding: 4.5rem 0;
  }
}
section.nopadding {
  padding: 0;
}

svg {
  --size: 10rem;
  fill: none;
  --svg-clr: #000000;
  width: var(--size);
  height: var(--size);
}

/* -------------------------- *\
    Loggen in
\* -------------------------- */
.scroller,
.scroller--hor {
  --scr-clr1: rgba(140, 130, 121, 0.35);
  --scr-clr2: rgba(255, 255, 255, 0.1);
  --scr-bor-clr: rgba(255, 255, 255, 1);
  --scr-wid: 1.5rem;
  --scr-bor: 1.62rem;
}

.scroller {
  scrollbar-color: var(--scr-clr1) var(--scr-clr2);
  scrollbar-width: var(--scr-wid);
}
.scroller::-webkit-scrollbar {
  background: var(--scr-clr2);
  width: var(--scr-wid);
  border-radius: var(--scr-bor);
  border: solid 0.1rem var(--scr-bor-clr);
}
.scroller::-webkit-scrollbar-thumb {
  background: var(--scr-clr1);
  border-radius: var(--scr-bor);
}

.scroller--hor {
  scrollbar-color: var(--scr-clr1) var(--scr-clr2);
  scrollbar-width: var(--scr-wid);
}
.scroller--hor::-webkit-scrollbar {
  background: var(--scr-clr2);
  height: var(--scr-wid);
  border-radius: var(--scr-bor);
  border: solid 0.1rem var(--scr-bor-clr);
}
.scroller--hor::-webkit-scrollbar-thumb {
  background: var(--scr-clr1);
  border-radius: var(--scr-bor);
}

figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
figure figcaption {
  display: block;
  overflow: hidden;
  width: 0;
  height: 0;
}

.clickable {
  cursor: pointer;
  user-select: none;
}

.testing {
  position: fixed;
  z-index: 2000;
  top: -150vh;
  left: 0rem;
  width: 100vw;
  height: 100vh;
  opacity: 0.3;
  pointer-events: none;
}
.testing img {
  position: absolute;
  left: 0;
  top: 0;
}

/* -------------------------- *\
    Typography:
\ -------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 3rem;
  line-height: 1.3;
  font-weight: 400;
}

h1 {
  font-size: 4rem;
  font-weight: 700;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.4rem;
}

h4 {
  font-size: 1.8rem;
}

h5 {
  font-size: 1.6rem;
}

h6 {
  font-size: 1.4rem;
}

@media (max-width: 330px) {
  h1, h2 {
    font-size: 3rem;
  }
}
blockquote,
dl,
ol,
p,
table,
ul {
  margin-bottom: 1.3em;
}

a {
  color: #111;
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  color: #004432;
  cursor: pointer;
}

p {
  font-size: var(--default-font-size);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  color: #222;
}

/* -------------------------- *\
    .Sprite
\* -------------------------- */
/* -------------------------- *\
    .after_sprite
\* -------------------------- */
.i {
  transition: 0.3s ease;
}
.i.c1 {
  fill: #004432;
}
.i.c2 {
  fill: #F1F9F9;
}

.i-call.reda {
  font-size: 15rem;
  color: red;
}

.i-call {
  color: green;
  font-size: 50rem;
}

/* -------------------------- *\
    Plugins
\* -------------------------- */
/*@import "_flickity.css";*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/*@import "_image-viewer-lightbox-previewer";*/
/* -------------------------- *\
    slick-theme.css
\* -------------------------- */
/* Slider */
/* Icons */
/*@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}*/
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "<";
  transform: scale(2, 1) !important;
}

[dir=rtl] .slick-prev:before {
  content: ">";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: ">";
  transform: scale(2, 1) rotate(90deg) !important;
  color: red;
}

[dir=rtl] .slick-next:before {
  content: "<";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}

/* -------------------------- *\
    Styles
\* -------------------------- */
/* -------------------------- *\
    //@import "h";
    // @import "_blog_intro_section";
    // @import "_post_card";
    // @import "_blog_list";
    // @import "single_post_main";
\* -------------------------- */
/* -------------------------- *\
by A.Alexandrov
    header
\* -------------------------- */
@media (max-width: 768px) {
  body:not(.home) .h__svg_logo {
    display: none;
  }
}

header {
  background: rgba(110, 98, 89, 0.8);
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
  --base-top: 0.5rem;
  --base-dist: 1rem;
  --offset: 4rem;
  --btn-size: 3.2rem;
  --dist-top: calc(var(--base-dist) + var(--base-top) - 0.3rem);
  --top-dist: 1.7rem;
  --color-1: var(--cw);
  --color-2: #8C8279;
}
@media (min-width: 430px) {
  header {
    --base-dist: 1.5rem;
    --offset: 5rem;
  }
}
@media (min-width: 600px) {
  header {
    --base-top: 0.652vw;
    --base-dist: 1.957vw;
    --offset: 6.53vw;
    --btn-size: 5.35vw;
  }
}
@media (min-width: 768px) {
  header {
    --btn-size: 3.8rem;
    --dist-top: 2.5rem;
    --offset: 6rem;
    --base-top: 0;
  }
}
header.at_top .h__svg_logo {
  visibility: hidden;
  opacity: 0;
}
@media (max-width: 768px) {
  header.at_top {
    --base-top: 1.3rem;
  }
}
header.in_footer:not(.pr1, .pr2) {
  --color-1: var(--c3);
  --color-2: var(--cw);
}
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_1,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_2,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_3,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_4,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_5,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_6,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_7,
header.in_footer:not(.pr1, .pr2) .h__fixed.pos_8,
header.in_footer:not(.pr1, .pr2) .h__lang,
header.in_footer:not(.pr1, .pr2) .h__svg_logo,
header.in_footer:not(.pr1, .pr2) .h__weather,
header.in_footer:not(.pr1, .pr2) .h__book,
header.in_footer:not(.pr1, .pr2) .h__sig {
  opacity: 0;
  visibility: hidden;
}
header.vid_open {
  opacity: 0;
  visibility: hidden;
}
header.vid_open .h__vis {
  debug: 0;
}
header.vid_open .h__vis .h__fixed {
  opacity: 0;
  visibility: hidden;
  debug: 0;
}
header .h__svg_logo {
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  transition: all 0.5s var(--trans);
}
@media (min-width: 768px) {
  header .h__svg_logo {
    display: none;
  }
}
@media (min-width: 940px) {
  header .h__svg_logo {
    display: block;
    left: calc(100% - 25rem);
  }
}
@media (min-width: 1200px) {
  header .h__svg_logo {
    left: 50%;
  }
}
header .h__svg_logo svg {
  --svg-clr: var(--color-1);
  --size: 5.4rem;
}
header .h__vis {
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
  --color: var(--color-1);
  z-index: 10;
  transition: opacity 1.5s var(--trans);
}
header .h__vis > input {
  width: 0;
  height: 0;
  position: absolute;
}
header .h__fixed {
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: var(--btn-size);
  border: solid 0.167rem var(--color);
  border-radius: 1.585rem;
  position: absolute;
  cursor: pointer;
  user-select: none;
  transition: all 0.3s;
  --dist-bot: calc(100vh - var(--base-dist));
}
@media (min-width: 600px) {
  header .h__fixed {
    border-radius: 2.67vw;
  }
}
@media (min-width: 768px) {
  header .h__fixed {
    border-radius: 1.9rem;
  }
}
header .h__fixed p {
  font-weight: 600;
  font-size: 1.168rem;
  line-height: 1.4rem;
  color: var(--color);
  margin-bottom: 0;
  padding: 0.7rem;
  display: none;
}
@media (min-width: 768px) {
  header .h__fixed p {
    padding-right: 1.5rem;
    line-height: 1.8rem;
    font-size: 1.4rem;
    font-weight: 500;
    display: block;
  }
}
header .h__fixed.no_title p {
  display: none;
}
header .h__fixed.no_title span svg {
  --svg-clr: var(--color);
}
header .h__fixed.no_title:hover {
  background: var(--color-1);
}
header .h__fixed.no_title:hover svg {
  --svg-clr: var(--color-2);
}
header .h__fixed span {
  min-width: var(--btn-size);
  width: var(--btn-size);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .h__fixed span svg {
  width: 50%;
  height: 50%;
  --svg-clr: var(--color);
}
header .h__fixed.normal {
  width: max-content;
}
header .h__fixed.normal span {
  width: var(--btn-size);
  border-radius: 50%;
}
@media (min-width: 768px) {
  header .h__fixed.normal span {
    background: var(--color-1);
  }
  header .h__fixed.normal span svg {
    --svg-clr: var(--color-2);
  }
}
header .h__fixed.normal p {
  display: none;
}
@media (min-width: 768px) {
  header .h__fixed.normal p {
    display: block;
  }
}
header .h__fixed.normal:hover {
  background: var(--color-1);
}
@media (max-width: 767px) {
  header .h__fixed.normal:hover svg {
    --svg-clr: var(--color-2);
  }
}
header .h__fixed.normal:hover p {
  color: var(--color-2);
}
header .h__fixed.hov {
  width: var(--btn-size);
  overflow: hidden;
  justify-content: start;
}
header .h__fixed.hov.set_delay {
  transition-delay: 1.4s;
}
header .h__fixed.hov span {
  width: var(--btn-size);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0);
}
header .h__fixed.hov span svg {
  --svg-clr: var(--color-1);
}
header .h__fixed.hov p {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s;
  width: 15rem;
  text-align: center;
}
header .h__fixed.hov:hover span {
  background: var(--color-1);
}
header .h__fixed.hov:hover span svg {
  --svg-clr: var(--color-2);
}
@media (min-width: 768px) {
  header .h__fixed.hov:hover {
    width: calc(var(--btn-size) + 15rem);
    transition-delay: 0s;
  }
  header .h__fixed.hov:hover p {
    opacity: 1;
  }
}
header .h__fixed.no_bord {
  border: none;
}
header .h__fixed.no_bord svg {
  width: 60%;
  height: 60%;
}
header .h__fixed.no_bord:hover {
  background: var(--color-2);
}
@media (min-width: 768px) {
  header .h__fixed.no_bord.no_title {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
  }
}
header .h__fixed.no_bord.no_title:hover, header .h__fixed.no_bord.no_title.ex {
  background: var(--color-1);
}
header .h__fixed.no_bord.no_title:hover svg, header .h__fixed.no_bord.no_title.ex svg {
  --svg-clr: var(--color-2);
}
header .h__fixed.pos_1, header .h__fixed.pos_2, header .h__fixed.pos_3 {
  left: var(--base-top);
}
header .h__fixed.pos_1 {
  top: calc(var(--dist-top) + var(--offset));
}
@media (min-width: 768px) {
  header .h__fixed.pos_1 {
    left: 12.2rem;
    top: var(--dist-top);
  }
}
header .h__fixed.pos_1.set_delay {
  transition-delay: 1.1s;
  transition-duration: 0.8s;
}
header .h__fixed.pos_2 {
  top: calc(var(--dist-top) + 2 * var(--offset));
}
@media (min-width: 768px) {
  header .h__fixed.pos_2 {
    left: 29.5rem;
    top: var(--dist-top);
  }
}
header .h__fixed.pos_2.set_delay {
  transition-delay: 1.2s;
  transition-duration: 0.8s;
}
header .h__fixed.pos_3 {
  top: calc(var(--dist-top) + 3 * var(--offset));
}
@media (min-width: 768px) {
  header .h__fixed.pos_3 {
    left: 41.5rem;
    top: var(--dist-top);
  }
}
@media (min-width: 940px) {
  header .h__fixed.pos_3 {
    left: 44.5rem;
  }
}
header .h__fixed.pos_3.set_delay {
  transition-delay: 1.4s;
  transition-duration: 0.8s;
}
header .h__fixed.no_bord:not(.no_title).pos_3 span svg {
  --svg-clr: var(--color);
}
header .h__fixed.pos_4, header .h__fixed.pos_5 {
  left: calc(100vw - var(--base-dist));
  transform: translateX(-100%);
}
@media (min-width: 768px) {
  header .h__fixed.pos_4, header .h__fixed.pos_5 {
    left: calc(100vw - var(--base-dist) - 0.5rem);
  }
}
@media (min-width: 1600px) {
  header .h__fixed.pos_4, header .h__fixed.pos_5 {
    left: calc(100vw - var(--base-dist) + 0.5rem);
  }
}
header .h__fixed.pos_4 {
  top: calc(var(--dist-top) + var(--offset));
}
@media (min-width: 768px) {
  header .h__fixed.pos_4 {
    top: calc(var(--dist-top) + var(--offset));
  }
}
header .h__fixed.pos_5 {
  top: calc(var(--dist-top) + 2 * var(--offset));
}
@media (min-width: 768px) {
  header .h__fixed.pos_5 {
    top: calc(var(--dist-top) + 2 * var(--offset) - 1rem);
  }
}
header .h__fixed.pos_6 {
  top: calc(100vh - var(--base-dist) - var(--offset));
  left: calc(100vw - var(--base-dist) - 2 * var(--offset));
  transform: translate(-100%, -100%);
}
@media (min-width: 430px) {
  header .h__fixed.pos_6 {
    top: calc(100vh - var(--base-dist));
  }
}
@media (min-width: 1200px) {
  header .h__fixed.pos_6 {
    left: calc(100vw - 9.5rem - 3 * var(--offset));
  }
}
header .h__fixed.pos_6.set_delay {
  transition-delay: 1.4s;
}
header .h__fixed.pos_7 {
  top: calc(100vh - var(--base-dist) - var(--offset));
  left: calc(100vw - var(--base-dist) - var(--offset));
  transform: translate(-100%, -100%);
}
@media (min-width: 430px) {
  header .h__fixed.pos_7 {
    top: calc(100vh - var(--base-dist));
  }
}
@media (min-width: 1200px) {
  header .h__fixed.pos_7 {
    left: calc(100vw - 10rem - 2 * var(--offset));
  }
}
header .h__fixed.pos_7.set_delay {
  transition-delay: 1.2s;
}
header .h__fixed.pos_8 {
  top: calc(var(--dist-bot) - var(--offset));
  left: calc(100vw - var(--base-dist));
  transform: translate(-100%, -100%);
}
@media (min-width: 430px) {
  header .h__fixed.pos_8 {
    top: calc(var(--dist-bot));
  }
}
@media (min-width: 1200px) {
  header .h__fixed.pos_8 {
    left: calc(100vw - 10.7rem - var(--offset));
  }
}
header .h__fixed.pos_8.set_delay {
  transition-delay: 1.1s;
}
header .h__fixed.pos_6, header .h__fixed.pos_7, header .h__fixed.pos_8 {
  opacity: 0;
  visibility: hidden;
  transition-timing-function: var(--trans);
  transition-duration: 1000ms;
}
@media (min-width: 1200px) {
  header .h__fixed.pos_6, header .h__fixed.pos_7, header .h__fixed.pos_8 {
    opacity: 1;
    visibility: visible;
    top: calc(var(--dist-top));
    transform: translate(-100%, 0);
  }
}
header .h__fixed.pos_9, header .h__fixed.pos_10, header .h__fixed.pos_11 {
  opacity: 1;
  transform: translateY(-100%);
  left: calc(var(--base-top) - 0.5rem);
}
@media (min-width: 1200px) {
  header .h__fixed.pos_9, header .h__fixed.pos_10, header .h__fixed.pos_11 {
    left: calc(var(--base-dist) + 1.2rem);
  }
}
header .h__fixed.pos_9 {
  top: calc(var(--dist-bot) - 2 * var(--offset) - 5rem);
}
@media (min-width: 768px) {
  header .h__fixed.pos_9 {
    top: calc(var(--dist-bot) - 2 * var(--offset) - 3rem);
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  header .h__fixed.pos_9 {
    top: calc(var(--dist-bot) - 1.2 * var(--offset));
  }
}
header .h__fixed.pos_9.set_delay {
  transition-delay: 1.1s;
}
header .h__fixed.pos_10 {
  top: calc(var(--dist-bot) - var(--offset) - 5rem);
}
@media (min-width: 768px) {
  header .h__fixed.pos_10 {
    top: calc(var(--dist-bot) - var(--offset) - 0.8rem);
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  header .h__fixed.pos_10 {
    top: calc(var(--dist-bot) - 0.35 * var(--offset));
  }
}
header .h__fixed.pos_10.set_delay {
  transition-delay: 1.2s;
}
header .h__fixed.pos_11 {
  top: calc(var(--dist-bot) - 5rem);
}
@media (min-width: 768px) {
  header .h__fixed.pos_11 {
    top: var(--dist-bot);
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  header .h__fixed.pos_11 {
    top: calc(var(--dist-bot) + 3rem);
  }
}
header .h__fixed.pos_11.set_delay {
  transition-delay: 1.3s;
}
header .arrow_link.h__book {
  position: absolute;
  top: var(--base-dist);
  left: calc(100vw - var(--base-dist));
  transform: translateX(-100%);
  width: max-content;
  transition: all 0.3s;
}
header .arrow_link.h__book.ex {
  visibility: hidden;
  opacity: 0;
}
header .arrow_link.h__book span {
  left: -0.2rem;
}
header .arrow_link.h__book span svg {
  --svg-clr: var(--clr2);
}
@media (min-width: 768px) {
  header .arrow_link.h__book {
    top: var(--dist-top);
    height: var(--btn-size);
    border-radius: 1.9rem;
    left: calc(100vw - var(--base-dist) - 0.5rem);
  }
  header .arrow_link.h__book p {
    border-radius: 1.9rem;
    color: var(--clr3);
  }
}
@media (min-width: 1600px) {
  header .arrow_link.h__book {
    left: calc(100vw - var(--base-dist) + 0.5rem);
  }
}
header .arrow_link.h__book:hover span svg {
  --svg-clr: var(--clr1);
}
header .h__weather {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  display: none;
}
@media (min-width: 768px) {
  header .h__weather {
    display: flex;
    top: calc(var(--dist-top) + 1.5rem);
    left: calc(100vw - 4 * var(--offset) + 1.5rem);
  }
}
@media (min-width: 890px) {
  header .h__weather {
    top: calc(var(--dist-top) + 0.5rem);
  }
}
@media (min-width: 1200px) {
  header .h__weather {
    top: calc(var(--dist-top) + 0.5rem);
    left: calc(100vw - 10 * var(--offset) + 1.5rem);
  }
}
header .h__weather svg {
  --svg-clr: var(--color-1);
  --size: 3rem;
}
header .h__weather p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 600;
  color: var(--color-1);
  width: max-content;
  margin: 0;
  transition: color 0.5s;
}
header .h__lang {
  position: absolute;
  transition: all 0.3s;
  top: calc(5 * var(--dist-top) + 4 * var(--offset));
  left: 0;
}
header .h__lang.set_delay {
  transition: all 0.3s linear 1.5s;
}
header .h__lang > div {
  padding: 0;
}
@media (min-width: 768px) {
  header .h__lang {
    top: calc(var(--dist-top) + 0.7rem);
    left: calc(100vw - 12.5rem);
    transform: translate(-125%, -50%);
  }
}
@media (min-width: 890px) {
  header .h__lang {
    top: calc(var(--dist-top) + 0.7rem);
    left: calc(100vw - 21rem);
    transform: translate(-125%, 0);
  }
}
@media (min-width: 940px) {
  header .h__lang {
    top: calc(var(--dist-top) + 0.7rem);
    left: calc(100vw - 27rem);
  }
}
@media (min-width: 1200px) {
  header .h__lang {
    opacity: 1;
    visibility: visible;
    top: calc(var(--dist-top) + 0.7rem);
    left: calc(100vw - 10.5rem - 4 * var(--offset));
  }
}
header .h__lang ul {
  display: flex;
  flex-direction: column;
  list-style: none;
}
@media (min-width: 768px) {
  header .h__lang ul {
    flex-direction: row;
  }
}
header .h__lang li {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.5;
  color: var(--color-1);
  padding: 0 1.9rem;
  position: relative;
}
header .h__lang li a {
  color: inherit;
}
header .h__lang li:before {
  content: "";
  width: 2.5rem;
  height: 0.1rem;
  position: absolute;
  background: var(--color-1);
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  header .h__lang li:before {
    content: "";
    width: 0.1rem;
    height: 1.4rem;
    position: absolute;
    background: var(--color-1);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
header .h__lang li.sel {
  opacity: 1;
}
header .h__lang li:first-child:before {
  content: none;
}
header .h__lang li:last-child {
  padding-right: 0;
}
header .h__lang li:hover {
  opacity: 1;
  font-size: 1.7rem;
}
header .h__lang li.wpml-ls-current-language {
  opacity: 1;
  font-weight: 600;
}
header .h__sig {
  position: absolute;
  display: none;
}
@media (min-width: 768px) {
  header .h__sig {
    display: grid;
    left: calc(var(--dist-top) - 2rem);
    top: 50vh;
    transform: translate(0, -50%);
    opacity: 1;
  }
  header .h__sig figure {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
    transition: opacity 0.3s;
  }
  header .h__sig figure:nth-child(1) {
    opacity: 1;
  }
  header .h__sig figure:nth-child(2) {
    opacity: 0;
  }
  header .h__sig figure img {
    width: auto;
    max-width: unset;
  }
}
@media (min-width: 768px) {
  header .h__sig {
    transform: translate(0, -100%);
    top: 65vh;
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  header .h__sig figure {
    transform: scale(0.75);
  }
}
@media (min-width: 1200px) {
  header .h__sig {
    left: calc(var(--dist-top) + 3rem);
  }
}
header .h__sig.set_delay {
  transition-delay: 1s;
}
@media (min-width: 1200px) {
  header .h__main_links {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
    align-items: center;
    height: 100%;
  }
  header .h__main_links > div {
    display: grid;
    justify-content: center;
    justify-items: center;
    align-items: start;
    grid-template-rows: repeat(3, minmax(3rem, 3.5vh)) minmax(7rem, 7.5vh) repeat(2, minmax(3rem, 3.5vh)) minmax(7rem, 7.5vh) repeat(4, minmax(3rem, 3.5vh));
    overflow-x: visible;
    overflow-y: auto;
    max-width: 100%;
    height: 100%;
  }
  header .h__main_links.h__links_sect {
    display: grid;
    grid-template-rows: auto 1fr;
  }
  header .h__main_links.h__links_sect .h__logos {
    display: flex;
    flex-flow: column;
    align-items: center;
    height: auto;
    margin-bottom: 2vh;
    overflow: visible;
    opacity: 0;
    transform: translateY(2rem);
    transition: all 0.5s var(--trans);
  }
  header .h__main_links.h__links_sect .h__logos:before, header .h__main_links.h__links_sect .h__logos:after {
    height: 0;
    width: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  header .h__main_links.h__links_sect .h__logos:hover:before {
    width: 100%;
    height: 100%;
  }
  header .h__main_links.h__links_sect .h__logos:hover:after {
    height: 90%;
    width: 90%;
  }
  header .h__main_links.h__links_sect .h__gr_head {
    display: none;
  }
  header .h__main_links.h__links_sect a:not(.h__gr_head, .h__logos) {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #FFFFFF;
    display: block;
    height: fit-content;
    transform: translateY(0.5rem);
    min-height: fit-content;
    padding: 0;
    text-align: center;
    overflow: hidden;
  }
  header .h__main_links.h__links_sect a:not(.h__gr_head, .h__logos) svg {
    display: none;
  }
  header .h__main_links.h__links_sect a:not(.h__gr_head, .h__logos):after {
    content: none;
  }
  header .h__main_links.h__links_sect a:not(.h__gr_head, .h__logos):before {
    content: "";
    width: 0;
    height: 0.1rem;
    position: absolute;
    background: #FFFFFF;
    top: 85%;
    left: 50%;
    transform: translateX(-50%);
  }
  header .h__main_links.h__links_sect a:not(.h__gr_head, .h__logos):hover:before {
    width: 100%;
    height: 0.1rem;
  }
}
header .h__main_links > div > a span {
  transition: transform 1.5s var(--trans);
  transform: translateY(100%);
}
header .h__main_links > div > a:nth-child(1) span {
  transition-delay: 0s;
}
header .h__main_links > div > a:nth-child(2) span {
  transition-delay: 0.02s;
}
header .h__main_links > div > a:nth-child(3) span {
  transition-delay: 0.04s;
}
header .h__main_links > div > a:nth-child(4) span {
  transition-delay: 0.06s;
}
header .h__main_links > div > a:nth-child(5) span {
  transition-delay: 0.08s;
}
header .h__main_links > div > a:nth-child(6) span {
  transition-delay: 0.1s;
}
header .h__main_links > div > a:nth-child(7) span {
  transition-delay: 0.12s;
}
header .h__main_links > div > a:nth-child(8) span {
  transition-delay: 0.14s;
}
header .h__main_links > div > a:nth-child(9) span {
  transition-delay: 0.16s;
}
header .h__main_links > div > a:nth-child(10) span {
  transition-delay: 0.18s;
}
header .h__main_links > div > a:nth-child(11) span {
  transition-delay: 0.2s;
}
header .h__many_links {
  overscroll-behavior: contain;
}
@media (min-width: 1200px) {
  header .h__many_links {
    grid-row: 1/span 1;
    grid-column: 2/span 1;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100%;
    align-self: start;
    padding-right: 4vw;
  }
  header .h__many_links .scroll_cont {
    padding: 1.5vw 0 3rem 0;
  }
}
header .h__many_links .h__links_sect a:not(.h__gr_head) p:nth-child(1), header .h__many_links .h__links_sect a:not(.h__gr_head) > span,
header .h__many_links .h__links_sect a:not(.h__gr_head) svg {
  opacity: 0;
  transition: all 2s var(--trans);
  transform: translateY(5rem);
}
header .h__many_links .h__links_sect a:not(.h__gr_head) p:nth-child(1) {
  position: relative;
  left: 1rem;
}
header .h__links_sect {
  display: flex;
  flex-flow: column;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  header .h__links_sect {
    margin-bottom: 4rem;
  }
}
header .h__links_sect a:not(.h__gr_head) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 3.9rem;
  font-size: 1.628rem;
  letter-spacing: 0.136rem;
  line-height: 2rem;
  color: #6E6259;
  padding: 0 1.5rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  header .h__links_sect a:not(.h__gr_head) {
    font-size: 2.1rem;
    letter-spacing: 0.175rem;
    line-height: 2.5rem;
    font-family: var(--font-family);
    min-height: 4.5rem;
    padding: 0 2vw;
  }
}
header .h__links_sect a:not(.h__gr_head) > p, header .h__links_sect a:not(.h__gr_head) > svg, header .h__links_sect a:not(.h__gr_head) > span {
  display: block;
}
header .h__links_sect a:not(.h__gr_head):before, header .h__links_sect a:not(.h__gr_head):after {
  content: "";
  display: block;
  height: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
header .h__links_sect a:not(.h__gr_head):before {
  background: rgba(255, 255, 255, 0.1);
  left: 0;
  width: calc(100% - 1rem);
  transform: translateY(-50%);
  z-index: -5;
  border: solid 0.1rem #FFFFFF;
  border-radius: 2.094rem;
}
@media (min-width: 768px) {
  header .h__links_sect a:not(.h__gr_head):after {
    width: 11.7rem;
    background: rgba(140, 130, 121, 0.35);
    right: 4.5rem;
    border-radius: 2.094rem;
    z-index: -10;
  }
}
header .h__links_sect a:not(.h__gr_head) svg {
  --size: 1.2rem;
  --svg-clr: var(--c8);
  position: relative;
  left: -0.3rem;
}
@media (min-width: 768px) {
  header .h__links_sect a:not(.h__gr_head) svg {
    --size: 1.3rem;
    left: -2rem;
  }
}
header .h__links_sect a:not(.h__gr_head) p:first-of-type {
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
}
@media (min-width: 1200px) {
  header .h__links_sect a:not(.h__gr_head) p:first-of-type {
    max-width: 30vw;
    margin: 0.7rem 0;
  }
}
header .h__links_sect a:not(.h__gr_head) p:last-of-type {
  display: none;
  color: #FFFFFF;
  font-size: 1.6rem;
  letter-spacing: 0.133rem;
  line-height: 1.9rem;
  margin: 0;
}
@media (min-width: 768px) {
  header .h__links_sect a:not(.h__gr_head) p:last-of-type {
    position: absolute;
    top: 50%;
    right: 12rem;
    display: block;
    transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1);
    overflow: hidden;
    transform: translate(50%, -50%);
  }
  header .h__links_sect a:not(.h__gr_head) p:last-of-type span {
    display: block;
    transform: translateX(-100%);
    transition: transform 2000ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}
header .h__links_sect a:not(.h__gr_head):hover:before, header .h__links_sect a:not(.h__gr_head):hover:after {
  height: 80%;
  opacity: 1;
}
header .h__links_sect a:not(.h__gr_head):hover p:last-of-type {
  transform: translate(0, -50%);
}
header .h__links_sect a:not(.h__gr_head):hover p:last-of-type span {
  transform: translateX(0);
}
header .h__gr_head {
  font-size: 2.4rem;
  letter-spacing: 0.2rem;
  line-height: 2.2rem;
  font-family: var(--font-family-2);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  height: 6rem;
  border-bottom: solid 0.1rem #FFFFFF;
  margin-bottom: 1.8rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  header .h__gr_head {
    font-size: 4.8rem;
    letter-spacing: 0.4rem;
    line-height: 6.4rem;
    height: 8.6rem;
    margin-bottom: 2.5rem;
    gap: 2rem;
  }
}
header .h__gr_head svg {
  --size: 2.3rem;
  --svg-clr: var(--cw);
}
@media (min-width: 1200px) {
  header .h__gr_head svg {
    --size: 3rem;
    position: relative;
    top: 0.5rem;
  }
}
header .h__gr_head span,
header .h__gr_head svg {
  transform: translate(0, 7rem);
  transition: transform 1.5s var(--trans);
}
@media (min-width: 1200px) {
  header .h__gr_head:hover {
    padding-left: 1%;
  }
}
@media (min-width: 1200px) {
  header .h__gr_head:hover svg {
    transform: translate(50%);
  }
}
header .h__logo {
  display: none;
}
@media (min-width: 1200px) {
  header .h__logo {
    display: block;
    width: 13.7rem;
    height: 19.2rem;
    margin: 1.6rem 0 1rem 0;
    filter: drop-shadow(0 0.2rem 3.5rem #6e6259);
  }
  header .h__logo:nth-of-type(2) {
    width: 14.5rem;
    height: auto;
    margin-top: 0.2rem;
  }
}
header #h__open {
  display: block;
  width: 0;
  height: 0;
  position: relative;
}
@media (max-width: 1199px) {
  header .h__burg:before {
    content: "";
    width: 90%;
    height: 90%;
    position: absolute;
    background: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.5s var(--trans);
  }
}
header .h__burg .open_nav .bbg {
  background: #CDC9C1;
}
header .h__burg .open_nav span:not(.bbg) {
  background: var(--color-1);
}
header .h__burg:hover .open_nav span:not(.bbg) {
  background: #6E6259;
}
header .h__burg .close_nav svg {
  width: var(--btn-size);
  height: var(--btn-size);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
header .h__burg .close_nav svg circle {
  transition: stroke-dashoffset 2s var(--trans);
}
header .h__burg .close_nav svg.desk {
  display: none;
  stroke: var(--c1);
}
header .h__burg .close_nav svg.desk circle {
  stroke-dasharray: 12.5rem;
  stroke-dashoffset: 12.5rem;
}
@media (min-width: 1200px) {
  header .h__burg .close_nav svg.desk {
    display: block;
  }
}
header .h__burg .close_nav svg.mob {
  fill: var(--cw);
  opacity: 0;
  transition: opacity 0.2s;
}
header .h__burg .close_nav svg.mob circle {
  stroke-dasharray: 12.5rem;
  stroke-dashoffset: 12.5rem;
}
@media (min-width: 1200px) {
  header .h__burg .close_nav svg.mob {
    display: none;
  }
}
header.dark, header.temp_dark {
  --color-1: var(--c3);
  --color-2: var(--cw);
}
header.dark .h__sig figure:nth-child(1), header.temp_dark .h__sig figure:nth-child(1) {
  opacity: 0;
}
header.dark .h__sig figure:nth-child(2), header.temp_dark .h__sig figure:nth-child(2) {
  opacity: 1;
}
header.dark .h__book, header.temp_dark .h__book {
  --clr1: var(--cw);
  --clr2: var(--c8);
  --clr3: var(--cw);
  border-color: var(--clr2);
}
header.half .h__sig figure:nth-child(1) {
  opacity: 1;
}
header.half .h__sig figure:nth-child(2) {
  opacity: 0;
}
@media (min-width: 768px) {
  header.half .pos_1,
header.half .pos_2,
header.half .pos_3,
header.half .pos_4,
header.half .pos_5,
header.half .pos_6,
header.half .pos_7,
header.half .pos_8,
header.half .h__svg_logo,
header.half .h__lang,
header.half .h__weather,
header.half .h__burg {
    --color: var(--c3);
    --color-1: var(--c3);
    --color-2: var(--cw);
  }
}
header.half .h__book {
  --clr1: var(--cw);
  --clr2: var(--c8);
  --clr3: var(--cw);
  border-color: var(--clr2);
}
header.book_open, header.book_open.dark {
  --color-1: var(--cw);
  --color-2: var(--c3);
}
@media (max-width: 359px) {
  header.ex .pos_1,
header.ex .pos_2,
header.ex .pos_3 {
    transform: translateY(-100%);
    top: 0;
  }
}
@media (max-width: 359px) {
  header.ex .pos_4,
header.ex .pos_5 {
    left: 100vw;
    transform: translateX(0);
  }
}
@media (max-width: 359px) {
  header.ex .pos_6,
header.ex .pos_7,
header.ex .pos_8 {
    transform: translate(-100%, -100%);
    top: 0;
  }
}
header.ex .pos_9,
header.ex .pos_10,
header.ex .pos_11 {
  left: 0;
  transform: translate(-100%, -100%);
}
header.ex .h__sig {
  left: 0;
  transform: translate(-100%, -50%);
}
@media (min-width: 768px) {
  header.ex .h__sig {
    transform: translate(-100%, -100%);
  }
}
header.ex.pr1 .pos_1,
header.ex.pr1 .pos_2,
header.ex.pr1 .pos_3 {
  transform: none;
  top: var(--dist-top);
}
@media (max-width: 767px) {
  header.ex .h__lang {
    top: calc(4 * var(--dist-top) + 4 * var(--offset));
    transform: translate(-100%, -100%);
  }
}
header.no_js #h__open:checked + .h__burg, header.pr1 .h__burg {
  left: 1.5rem;
  top: calc(var(--top-dist) - 0.4rem);
}
header.no_js #h__open:checked + .h__burg:before, header.pr1 .h__burg:before {
  opacity: 1;
}
@media (min-width: 768px) {
  header.no_js #h__open:checked + .h__burg, header.pr1 .h__burg {
    top: var(--top-dist);
  }
}
@media (min-width: 1200px) {
  header.no_js #h__open:checked + .h__burg, header.pr1 .h__burg {
    left: 5rem;
  }
}
header.no_js #h__open:checked + .h__burg svg.mob, header.pr1 .h__burg svg.mob {
  opacity: 1;
  --size: 100%;
}
header.no_js #h__open:checked + .h__burg svg.desk, header.pr1 .h__burg svg.desk {
  stroke: #FFFFFF;
}
header.no_js #h__open:checked + .h__burg .close_nav:before,
header.no_js #h__open:checked + .h__burg .close_nav:after, header.pr1 .h__burg .close_nav:before,
header.pr1 .h__burg .close_nav:after {
  background: #6E6259;
  z-index: 10;
}
@media (min-width: 1200px) {
  header.no_js #h__open:checked + .h__burg .close_nav:before,
header.no_js #h__open:checked + .h__burg .close_nav:after, header.pr1 .h__burg .close_nav:before,
header.pr1 .h__burg .close_nav:after {
    width: 30%;
    background: #FFFFFF;
  }
}
header.no_js #h__open:checked + .h__burg + .h__vis, header.pr1 .h__vis {
  --color-1: var(--cw);
  --color-2: #8C8279;
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis, header.pr1 .h__vis {
    --base-dist: 1.7rem;
  }
  header.no_js #h__open:checked + .h__burg + .h__vis .h__book, header.pr1 .h__vis .h__book {
    top: calc(var(--base-dist) + var(--offset) + var(--base-top));
  }
}
@media (max-width: 767px) and (min-width: 430px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .h__book, header.pr1 .h__vis .h__book {
    top: var(--top-dist);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .h__fixed, header.pr1 .h__vis .h__fixed {
    --offset: 4.7rem;
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_1, header.pr1 .h__vis .pos_1 {
    top: var(--top-dist);
    left: calc(var(--base-dist) + var(--offset));
  }
}
@media (max-width: 767px) and (min-width: 430px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_1, header.pr1 .h__vis .pos_1 {
    top: var(--top-dist);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_2, header.pr1 .h__vis .pos_2 {
    top: var(--top-dist);
    left: calc(var(--base-dist) + 2 * var(--offset));
  }
}
@media (max-width: 767px) and (min-width: 430px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_2, header.pr1 .h__vis .pos_2 {
    top: var(--top-dist);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_3, header.pr1 .h__vis .pos_3 {
    top: var(--top-dist);
    left: calc(var(--base-dist) + 3 * var(--offset));
  }
}
@media (max-width: 767px) and (min-width: 430px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_3, header.pr1 .h__vis .pos_3 {
    top: var(--top-dist);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_4, header.pr1 .h__vis .pos_4 {
    top: calc(var(--base-dist) + var(--offset));
    left: calc(100vw - 2 * var(--offset) - 8.4rem);
    transform: translateX(-100%);
  }
}
@media (max-width: 767px) and (min-width: 430px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_4, header.pr1 .h__vis .pos_4 {
    top: var(--top-dist);
    left: calc(100vw - 2 * var(--offset) - 8.4rem);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_5, header.pr1 .h__vis .pos_5 {
    top: calc(var(--base-dist) + var(--offset));
    left: calc(100vw - var(--offset) - 8.4rem);
    transform: translateX(-100%);
  }
}
@media (max-width: 767px) and (min-width: 430px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_5, header.pr1 .h__vis .pos_5 {
    top: var(--top-dist);
    left: calc(100vw - var(--offset) - 8.4rem);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .pos_6,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_7,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_8, header.pr1 .h__vis .pos_6,
header.pr1 .h__vis .pos_7,
header.pr1 .h__vis .pos_8 {
    top: calc(100vh - 1.2rem - var(--bottom-mob));
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .h__book, header.pr1 .h__vis .h__book {
    --clr1: var(--c8);
    --clr2: var(--cw);
    --clr3: var(--c8);
    padding: 0;
  }
  header.no_js #h__open:checked + .h__burg + .h__vis .h__book:before, header.pr1 .h__vis .h__book:before {
    width: calc(100% - 1.5rem);
  }
}
@media (max-width: 767px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .h__lang, header.pr1 .h__vis .h__lang {
    top: calc(100vh - 10rem);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199px) {
  header.no_js #h__open:checked + .h__burg + .h__vis .h__lang,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_6,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_7,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_8, header.pr1 .h__vis .h__lang,
header.pr1 .h__vis .pos_6,
header.pr1 .h__vis .pos_7,
header.pr1 .h__vis .pos_8 {
    opacity: 1;
    visibility: visible;
  }
}
header.no_js #h__open:checked + .h__burg + .h__vis .pos_9,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_10,
header.no_js #h__open:checked + .h__burg + .h__vis .pos_11, header.pr1 .h__vis .pos_9,
header.pr1 .h__vis .pos_10,
header.pr1 .h__vis .pos_11 {
  opacity: 0;
  visibility: hidden;
}
header.no_js #h__open:checked + .h__burg + .h__vis .h__sig, header.pr1 .h__vis .h__sig {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  header.pr2 .h__weather {
    left: calc(100vw - 10 * var(--offset) + 3rem);
  }
  header.pr2 .h__book {
    --clr1: var(--c8);
    --clr2: var(--cw);
    --clr3: var(--c8);
  }
  header.pr2 .h__book,
header.pr2 .pos_4,
header.pr2 .pos_5 {
    left: calc(100vw - var(--base-dist) + 2rem);
  }
  header.pr2 .pos_6 {
    left: calc(100vw - 8rem - 3 * var(--offset));
  }
  header.pr2 .pos_7 {
    left: calc(100vw - 8.8rem - 2 * var(--offset));
  }
  header.pr2 .pos_8 {
    left: calc(100vw - 9.5rem - var(--offset));
  }
}
header.no_js #h__open:checked + .h__burg + .h__vis + nav, header.pr1 nav {
  opacity: 1;
  visibility: visible;
}
header.no_js #h__open:checked + .h__burg + .h__vis + nav .h__links_sect a:not(.h__gr_head) > p:nth-of-type(1), header.no_js #h__open:checked + .h__burg + .h__vis + nav .h__links_sect a:not(.h__gr_head) > svg, header.no_js #h__open:checked + .h__burg + .h__vis + nav .h__links_sect a:not(.h__gr_head) > span, header.pr2 nav .h__links_sect a:not(.h__gr_head) > p:nth-of-type(1), header.pr2 nav .h__links_sect a:not(.h__gr_head) > svg, header.pr2 nav .h__links_sect a:not(.h__gr_head) > span {
  opacity: 1;
  transform: translate(0);
}
header.no_js #h__open:checked + .h__burg + .h__vis + nav .h__gr_head span,
header.no_js #h__open:checked + .h__burg + .h__vis + nav .h__gr_head svg, header.pr2 nav .h__gr_head span,
header.pr2 nav .h__gr_head svg {
  transform: translate(0);
}
header.no_js #h__open:checked + .h__burg + .h__vis + nav .h__main_links .h__logos, header.pr2 nav .h__main_links .h__logos {
  opacity: 1;
  transform: translateY(0);
}
header.book_open .h__vis {
  --top-dist: calc(var(--base-dist) + var(--base-top));
}
header.book_open .h__vis .pos_1,
header.book_open .h__vis .pos_2,
header.book_open .h__vis .pos_3,
header.book_open .h__vis .pos_6,
header.book_open .h__vis .pos_7,
header.book_open .h__vis .pos_8,
header.book_open .h__vis .pos_9,
header.book_open .h__vis .pos_10,
header.book_open .h__vis .pos_11 {
  opacity: 0;
  visibility: hidden;
}
header.book_open .h__vis .pos_4 {
  top: 2rem;
  left: 2rem;
  transform: none;
}
header.book_open .h__vis .pos_5 {
  top: 7rem;
  left: 2rem;
  transform: none;
}
header.book_open .h__vis .h__book {
  opacity: 0;
  visibility: hidden;
}
header.book_open .h__burg,
header.book_open .h__lang,
header.book_open .h__weather,
header.book_open .h__svg_logo {
  opacity: 0;
  visibility: hidden;
}

.h__nav {
  height: 100vh;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5rem;
  opacity: 0;
  visibility: hidden;
  transition: all 1s var(--trans);
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .h__nav {
    padding-bottom: var(--bottom-mob);
  }
}
@media (min-width: 768px) {
  .h__nav {
    padding: 1rem;
  }
}
.h__nav:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  z-index: 5;
}

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

.h__nav__cont {
  position: relative;
  z-index: 10;
  border-radius: 1.5rem;
  background: rgba(205, 201, 193, 0.94);
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  padding: 11.5rem 1rem 11rem 1rem;
}
@media (min-width: 430px) {
  .h__nav__cont {
    padding: 8rem 1rem 7rem 1rem;
  }
}
@media (min-width: 768px) {
  .h__nav__cont {
    padding: 9rem 4vw 7rem 6.6rem;
    border-radius: 3rem;
  }
}
.h__nav__cont:before, .h__nav__cont:after {
  content: "";
  width: calc(100% - 2rem);
  height: 0.1rem;
  position: absolute;
  background: #FFFFFF;
  left: 1rem;
  opacity: 0.3;
}
@media (min-width: 768px) {
  .h__nav__cont:before, .h__nav__cont:after {
    width: 100%;
    left: 0;
  }
}
.h__nav__cont:before {
  top: 10.5rem;
}
@media (min-width: 430px) {
  .h__nav__cont:before {
    top: 7rem;
  }
}
@media (min-width: 768px) {
  .h__nav__cont:before {
    top: 7rem;
  }
}
.h__nav__cont:after {
  bottom: 10rem;
}
@media (min-width: 430px) {
  .h__nav__cont:after {
    bottom: 6rem;
  }
}
@media (min-width: 768px) {
  .h__nav__cont:after {
    bottom: 0;
    height: 7rem;
    background: #8C8279;
    border-top: solid 0.1rem #FFFFFF;
  }
}
.h__nav__cont > p {
  font-size: 1.6rem;
  letter-spacing: 0.017rem;
  line-height: 2.6rem;
  font-weight: 500;
  color: #FFFFFF;
  text-transform: uppercase;
  position: absolute;
  margin: 0;
  bottom: 1.2rem;
  left: 46.7rem;
  z-index: 10;
  display: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  display: none;
}
@media (min-width: 1200px) {
  .h__nav__cont > p {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.h__nav__cont > p svg {
  --svg-clr: var(--cw);
  --size: 4rem;
}
.h__nav__cont > div {
  max-height: 100%;
  height: 100%;
}
@media (max-width: 1199px) {
  .h__nav__cont > div {
    overflow-x: hidden;
    overflow-y: scroll;
  }
}
@media (min-width: 1200px) {
  .h__nav__cont > div > div {
    display: grid;
    grid-template-columns: 20rem 1fr;
    overflow-y: hidden;
    overflow-x: auto;
    gap: 8.8vw;
    height: 100%;
  }
}

header.no_js #h__open:checked + .h__burg .open_nav span:not(.bbg),
header.pr1 .h__burg .open_nav span:not(.bbg) {
  transform: translate(-50%, -50%) scale(0, 1);
}

header.no_js #h__open:checked + .h__burg .open_nav .bbg,
header.pr1 .h__burg .open_nav .bbg {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
}

header.no_js #h__open:checked + .h__burg .close_nav:before,
header.pr2 .h__burg .close_nav:before {
  transform: translate(-50%, -50%) scale(1) rotate(45deg);
}

header.no_js #h__open:checked + .h__burg .close_nav:after,
header.pr2 .h__burg .close_nav:after {
  transform: translate(-50%, -50%) scale(1) rotate(-45deg);
}

header.no_js #h__open:checked + .h__burg .close_nav svg circle,
header.pr2 .h__burg .close_nav svg circle {
  stroke-dashoffset: 0;
}

/* -------------------------- *\
    by A.Alexandrov
    .h__popup
\* -------------------------- */
.h__popup {
  position: absolute;
  top: calc(100vh - var(--base-top) - var(--bottom-mob));
  transform: translateY(-100%);
  left: 3.5rem;
  background: #A8A297;
  border-radius: 3rem;
  width: calc(100vw - 4rem);
  max-width: 53.5rem;
  max-height: 50vh;
  padding: 2rem 1.5rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
  overflow: auto;
  scrollbar-width: none;
}
.h__popup::-webkit-scrollbar {
  width: none;
  height: none;
}
.h__popup.ex {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 360px) {
  .h__popup {
    width: calc(100vw - 2rem - var(--offset));
    left: calc(var(--offset) + 1rem);
  }
}
@media (min-width: 600px) {
  .h__popup {
    padding: 2rem 5rem 1rem 7rem;
  }
}
@media (min-width: 768px) {
  .h__popup {
    left: 7.8vw;
    top: calc(100vh - var(--dist-top));
  }
}
.h__popup p {
  margin-bottom: 0;
}
.h__popup > svg {
  display: none;
}
@media (min-width: 600px) {
  .h__popup > svg {
    display: block;
    position: absolute;
    left: 2.3rem;
    top: 0;
    width: 2.5rem;
    height: 100%;
    max-height: 18rem;
    --svg-clr: var(--cw);
  }
}
.h__popup .h__popup__head {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-family: var(--font-family-2);
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.h__popup .h__popup__text {
  font-size: 1.4rem;
  line-height: 1.7rem;
  color: #FFFFFF;
  margin-bottom: 1.5rem;
}
.h__popup__close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  cursor: pointer;
  user-select: none;
  transition: transform 0.3s;
}
.h__popup__close:before, .h__popup__close:after {
  content: "";
  width: 40%;
  height: 0.2rem;
  position: absolute;
  background: #FFFFFF;
  top: 50%;
  left: 50%;
  transition: all 0.2s;
}
.h__popup__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.h__popup__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.h__popup__close:hover:before, .h__popup__close:hover:after {
  width: 50%;
  height: 0.3rem;
}

.h__cook {
  top: calc(100vh - var(--base-top) - 5rem);
}
@media (min-width: 768px) {
  .h__cook {
    top: calc(100vh - var(--dist-top) - 5rem);
  }
}
.h__cook__text {
  font-size: 1.2rem;
  line-height: 2rem;
  color: #FFFFFF;
  font-family: var(--font-family);
}
.h__cook__text a {
  color: #FFFFFF;
}
.h__cook__text a:hover {
  color: #6E6259;
}
.h__cook__text strong {
  font-weight: 600;
}
@media (min-width: 600px) {
  .h__cook > .h__cook__text {
    padding: 0 4rem 2rem 0;
  }
}
.h__cook__inputs {
  display: grid;
  grit-template-columns: 100%;
  gap: 1rem;
  padding-bottom: 2rem;
}
@media (min-width: 360px) {
  .h__cook__inputs {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 360px) {
  .h__cook__inputs p {
    grid-column: 1/span 3;
  }
}
.h__cook__inputs input {
  width: 0;
  height: 0;
  position: absolute;
}
.h__cook__inputs label {
  padding-left: 2.7rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
}
.h__cook__inputs label:before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  border: solid 0.1rem #FFFFFF;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.h__cook__inputs label svg {
  display: none;
  position: absolute;
  width: 1.7rem;
  height: 1.7rem;
  left: 0.2rem;
  --svg-clr: var(--cw);
}
.h__cook__inputs input:checked + label svg {
  display: block;
}
.h__cook__btn {
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-transform: uppercase;
  color: #FFFFFF;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: start;
  height: 3rem;
  width: fit-content;
  padding: 0 0.5rem;
  position: relative;
  cursor: pointer;
  user-select: none;
}
.h__cook__btn:before {
  content: "";
  width: 100%;
  height: 0.1rem;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 85%;
}
.h__cook__btn svg {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  left: calc(100% + 0.5rem);
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  --svg-clr: var(--cw);
}
.h__cook__btn:hover svg {
  transform: translateY(-50%);
}
.h__cook input[type=submit] {
  width: 0;
  height: 0;
  opacity: 0;
  position: absolute;
}
@media (min-width: 600px) {
  .h__cook form > div {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: space-between;
    padding-right: 5rem;
  }
  .h__cook form > div > div {
    grid-column: 1/span 2;
    margin-bottom: 1rem;
  }
  .h__cook form > div .h__cook__btn:last-of-type {
    justify-self: end;
  }
}

/* -------------------------- *\
	by A.Alexandrov
    .wf_intro
\* -------------------------- */
.wf_intro {
  padding: 0;
  position: relative;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  overflow: hidden;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .wf_intro {
    margin-bottom: 5vw;
  }
}
.wf_intro .shell {
  max-width: 100%;
  width: 100%;
}
.wf_intro .shell.wf_intro__start {
  overflow: hidden;
}
.wf_intro .scroll_track {
  position: absolute;
  top: 0;
  height: 130vh;
  z-index: 100;
  background: #000;
}
.wf_intro .dark {
  position: absolute;
  left: 0;
  top: 0;
  height: 100vh;
}
.wf_intro .light {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 120vh;
}
.wf_intro__start {
  position: relative;
  height: 200vh;
  width: 100vw;
  transform: translateY(calc(-50% * var(--pr)));
  left: 0;
  display: grid;
  grid-template-columns: 100%;
  padding: 3vh 0 100vh 0;
  grid-template-rows: 18vh 15vh 1fr 21vh;
  justify-items: center;
  z-index: 100;
}
@media (min-width: 768px) {
  .wf_intro__start {
    padding-top: 8rem;
    grid-template-rows: 28vh 10vh 1fr 15vh;
  }
}
@media (min-width: 1200px) {
  .wf_intro__start {
    padding-top: 1.5rem;
    grid-template-rows: 24vh 12vh 1fr 15vh;
  }
}
.wf_intro__start > * {
  position: relative;
  z-index: 10;
}
.wf_intro__start .fade_out {
  opacity: calc(1 - 10 * var(--pr));
}
.wf_intro__start h1 {
  font-size: 3.2rem;
  letter-spacing: 0.107rem;
  line-height: 4.2rem;
  color: #FFFFFF;
  font-family: var(--font-family-2);
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.5));
  text-align: center;
  font-weight: 600;
  margin: 0;
}
@media (min-width: 1200px) {
  .wf_intro__start h1 {
    font-size: 6rem;
    letter-spacing: 0.2rem;
    line-height: 8rem;
  }
}
.wf_intro__start .scroll {
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  gap: 2rem;
  position: relative;
  bottom: 8rem;
}
@media (min-width: 768px) {
  .wf_intro__start .scroll {
    font-size: 1.8rem;
    letter-spacing: 0.014rem;
    line-height: 2.6rem;
    gap: 0;
    bottom: 4.5rem;
  }
}
.wf_intro__start .scroll p {
  font-size: 1.08rem;
  line-height: 1.56rem;
  letter-spacing: 0.009rem;
  color: #FFFFFF;
  font-weight: 500;
  width: 80%;
  margin: 0 auto;
}
@media (min-width: 430px) {
  .wf_intro__start .scroll p {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .wf_intro__start .scroll p {
    font-size: 1.8rem;
    letter-spacing: 0.014rem;
    line-height: 2.6rem;
  }
}
.wf_intro__start .scroll svg {
  --size: 2rem;
  --svg-clr: var(--cw);
}
@media (min-width: 768px) {
  .wf_intro__start .scroll svg {
    --size: 3.5rem;
    margin-bottom: 1rem;
  }
}
.wf_intro__start .scroll > div {
  overflow: hidden;
}
.wf_intro__start .open_vid {
  position: absolute;
  bottom: calc(100% - 100vh + var(--bottom-mob));
  right: 2rem;
  cursor: pointer;
  user-select: none;
  width: 8.8rem;
  height: 8.8rem;
  transition: all 1003ms cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 20;
}
@media (min-width: 768px) {
  .wf_intro__start .open_vid {
    bottom: calc(100% - 100vh + 3.5rem);
    right: 3.5rem;
    width: 11.7rem;
    height: 11.7rem;
    transition: all 2003ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}
.wf_intro__start .open_vid .cover {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.wf_intro__start .open_vid img,
.wf_intro__start .open_vid .s {
  position: absolute;
  border-radius: 1.5rem;
  transition: border-radius 1s;
}
.wf_intro__start .open_vid img {
  width: 100%;
  height: 100%;
}
.wf_intro__start .open_vid .vid_cont {
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  debug: 0;
}
.wf_intro__start .open_vid .vid_cont .video {
  cursor: pointer;
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(3);
  transition: all 1003ms cubic-bezier(0.19, 1, 0.22, 1);
  display: flex;
  align-items: center;
  justify-content: center;
}
.wf_intro__start .open_vid .vid_cont .video video {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: 100%;
}
@media (min-width: 1024px) {
  .wf_intro__start .open_vid .vid_cont .video video {
    position: relative;
  }
}
.wf_intro__start .open_vid .vid_cont .video .controls {
  display: none;
}
.wf_intro__start .open_vid .arrow_link {
  position: absolute;
  overflow: hidden;
}
@media (min-width: 768px) {
  .wf_intro__start .open_vid .arrow_link {
    min-width: 11.8rem;
    height: 3.8rem;
    border-radius: 1.9rem;
  }
}
.wf_intro__start .open_vid .arrow_link p {
  font-size: 1.054rem;
  line-height: 1.3rem;
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  .wf_intro__start .open_vid .arrow_link p {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
.wf_intro__start .open_vid .arrow_link span {
  right: 0.5rem;
}
@media (min-width: 768px) {
  .wf_intro__start .open_vid .arrow_link span {
    right: -0.5rem;
  }
}
.wf_intro__start .open_vid .close_vid_btn {
  z-index: 50;
  display: none;
  top: 2rem;
  right: 2rem;
  transform: none;
}
@media (min-width: 768px) {
  .wf_intro__start .open_vid .close_vid_btn {
    bottom: 2rem;
    padding: 0;
    gap: 2rem;
  }
  .wf_intro__start .open_vid .close_vid_btn span {
    right: 0rem;
  }
  .wf_intro__start .open_vid .close_vid_btn p {
    padding: 0;
  }
  .wf_intro__start .open_vid .close_vid_btn:before {
    width: calc(100% - 3rem);
  }
}
@media (max-width: 500px) {
  .wf_intro__start .open_vid .close_vid_btn {
    top: 4rem;
    right: 1rem;
  }
}
.wf_intro__start .open_vid .open_vid_btn {
  bottom: 50%;
  right: 0;
  transform: translate(-60%, 100%);
  border-width: 0.2rem;
  z-index: 50;
}
@media (min-width: 768px) {
  .wf_intro__start .open_vid .open_vid_btn {
    bottom: 5.5rem;
    right: 0.5rem;
  }
}
.wf_intro__start .open_vid.ex {
  width: 100vw;
  height: 100vh;
  transform: translate(0, 0);
  bottom: calc(100% - 100vh);
  right: 0;
  background: #000;
}
.wf_intro__start .open_vid.ex .cover {
  display: none;
}
.wf_intro__start .open_vid.ex .open_vid_btn {
  display: none;
}
.wf_intro__start .open_vid.ex .close_vid_btn {
  display: flex;
}
.wf_intro__start .open_vid.ex .vid_cont .video {
  transform: translate(-50%, -50%) scale(1);
  width: 100%;
}
.wf_intro__start .open_vid.ex .vid_cont .video .controls {
  display: flex;
}
.wf_intro__start .open_vid.ex .vid_cont {
  border-radius: 0;
  padding-bottom: var(--bottom-mob);
}
.wf_intro__start .open_vid.ex img {
  opacity: 0;
}
.wf_intro__start .award_img {
  position: absolute;
  right: 1rem;
  bottom: calc(17rem + 50%);
  width: 7.2rem;
  height: 8rem;
  object-fit: contain;
}
@media (min-width: 768px) {
  .wf_intro__start .award_img {
    bottom: calc(17rem + 50%);
    right: 2rem;
  }
}
@media (min-width: 1200px) {
  .wf_intro__start .award_img {
    width: 10.6rem;
    height: 11.8rem;
    bottom: calc(17.2rem + 50%);
    right: 4rem;
  }
}
.wf_intro__logo:nth-of-type(1) {
  width: auto;
  max-height: 11.6rem;
  height: 100%;
  margin-bottom: 0.5rem;
  filter: drop-shadow(0 0.2rem 0.3rem rgba(0, 0, 0, 0.5));
}
@media (min-width: 768px) {
  .wf_intro__logo:nth-of-type(1) {
    width: 14.3rem;
    max-height: 19.9rem;
  }
}
.wf_intro__logo:nth-of-type(2) {
  width: 20rem;
  height: 4.9rem;
}
@media (min-width: 1200px) {
  .wf_intro__logo:nth-of-type(2) {
    width: 31rem;
    height: 8.5rem;
  }
}
.wf_intro__logo img {
  object-fit: contain;
}
.wf_intro .intro-bg-img-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transform: translate(0, calc(var(--pr) * 140vh));
}
@media (min-width: 768px) {
  .wf_intro .intro-bg-img-holder {
    transform: translate(calc(var(--pr) * -22.5vw), calc(var(--pr) * 133vh));
  }
}
.wf_intro .intro-bg-img-holder .wf_intro__bg {
  width: 190vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  z-index: 10;
  transform: scale(1, calc(1 / (var(--pr) * 5.5 + 1)));
  position: relative;
}
@media (min-width: 768px) {
  .wf_intro .intro-bg-img-holder .wf_intro__bg {
    width: 190vw;
    height: 100%;
    top: 0;
    transform: scale(calc(1 / (var(--pr) * 4 + 1)), calc(1 / (var(--pr) * 3 + 1 + var(--pr) * 0.2)));
  }
}
.wf_intro .intro-bg-img-holder .wf_intro__bg:before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 10;
  background: linear-gradient(rgba(0, 112, 255, 0.5) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%);
  opacity: calc(1 - 1 * var(--pr));
  transform: translateX(calc(var(--pr) * 4.5rem + var(--pr) * 3%));
}
@media (min-width: 768px) {
  .wf_intro .intro-bg-img-holder .wf_intro__bg:before {
    left: 0;
    transform: scale(calc(1 * (var(--pr) * 2 + 1)), calc(1 * (var(--pr) * 1.5 + 1))) translate(calc(var(--pr) * 10vw), calc(var(--pr) * -9vw));
  }
}
.wf_intro .intro-bg-img-holder .wf_intro__bg img {
  width: 100vw;
  height: 100%;
  object-fit: cover;
  transform: scale(1, calc(1 * (var(--pr) * 6 + 1))) translate(calc(var(--pr) * 4rem + var(--pr) * 3%), calc(var(--pr) * -3vh - var(--pr) * 20% + 2rem * var(--progress)));
}
@media (min-width: 768px) {
  .wf_intro .intro-bg-img-holder .wf_intro__bg img {
    transform: scale(calc(1 * (var(--pr) * 2 + 1.15)), calc(1 * (var(--pr) * 1.5 + 1.2))) translate(calc(var(--pr) * 5vw), calc(var(--pr) * -9vw));
  }
}
.wf_intro__end {
  padding: 0;
  position: relative;
  z-index: 0;
  display: flex;
  overflow: visible;
}
.wf_intro__end .shell {
  height: fit-content;
  overflow: hidden;
  align-items: start;
}
.wf_intro__end .line1 {
  font-size: 20vw;
  line-height: 24.7vw;
  color: #EAE6E0;
  align-self: end;
  position: absolute;
  bottom: calc(100% + 20.5vh);
  left: 12.5vw;
}
@media (min-width: 768px) {
  .wf_intro__end .line1 {
    font-size: 13.47vw;
    line-height: 16.15vw;
    left: 9.8vw;
    font-family: var(--font-family);
    bottom: 100%;
  }
}
.wf_intro__end .line2 {
  font-size: 4.9vw;
  line-height: 6.1vw;
  font-weight: 300;
  color: #8C8279;
  position: absolute;
  bottom: calc(100% + 22.7vh);
  left: 36vw;
}
@media (min-width: 768px) {
  .wf_intro__end .line2 {
    font-size: 2.5vw;
    line-height: 3.02vw;
    left: 27.5vw;
    bottom: calc(100% + 5.1vh);
  }
}
.wf_intro__end figure {
  grid-row: 4/span 1;
  grid-column: 1/span 2;
  height: 16vh;
  margin-top: 1vw;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media (min-width: 360px) {
  .wf_intro__end figure {
    grid-row: 3/span 1;
    grid-column: 1/span 29;
  }
}
@media (min-width: 768px) {
  .wf_intro__end figure {
    grid-row: 1/span 2;
    grid-column: 1/span 20;
    height: 11.46vw;
    margin-top: 0;
    z-index: 10;
    width: calc(100% - 0.8vw);
  }
}
.wf_intro__end figure img {
  position: absolute;
  width: 100%;
  height: 150%;
  top: -15%;
  transform: translateY(-50%);
}
.wf_intro__end .line3 {
  grid-row: 5/span 1;
  grid-column: 2/span 1;
  font-size: 9.8vw;
  line-height: 12.1vw;
  color: #EAE6E0;
  margin-top: 3vh;
}
@media (min-width: 360px) {
  .wf_intro__end .line3 {
    grid-row: 4/span 1;
    grid-column: 5/span 27;
  }
}
@media (min-width: 768px) {
  .wf_intro__end .line3 {
    font-size: 5.42vw;
    line-height: 6.51vw;
    grid-row: 1/span 1;
    grid-column: 21/span 6;
    padding-left: 1vw;
    transform: translateY(-2vw);
  }
}
.wf_intro__end .line4 {
  grid-row: 6/span 1;
  grid-column: 2/span 1;
  font-size: 7vw;
  line-height: 8.6vw;
  color: #EAE6E0;
}
@media (min-width: 360px) {
  .wf_intro__end .line4 {
    grid-row: 5/span 1;
    grid-column: 5/span 27;
  }
}
@media (min-width: 768px) {
  .wf_intro__end .line4 {
    font-size: 3.91vw;
    line-height: 4.69vw;
    grid-row: 2/span 1;
    grid-column: 21/span 6;
    padding-left: 1vw;
    transform: translateY(-1vw);
  }
}
.wf_intro__end .line5 {
  grid-row: 7/span 1;
  grid-column: 2/span 1;
  font-size: 5.6vw;
  line-height: 6.75vw;
  color: #8C8279;
  margin-top: 3vh;
}
@media (min-width: 360px) {
  .wf_intro__end .line5 {
    grid-row: 6/span 1;
    grid-column: 5/span 27;
  }
}
@media (min-width: 768px) {
  .wf_intro__end .line5 {
    font-size: 3.4vw;
    line-height: 4.06vw;
    grid-row: 3/span 1;
    grid-column: 2/span 25;
    justify-self: end;
    padding-right: 1vw;
    font-family: var(--font-family);
    margin-top: 1.3vw;
    letter-spacing: 0.025vw;
  }
}
.wf_intro__end.ex p span {
  transform: translateY(100%);
}

/* -------------------------- *\
    .wf_after_intro
\* -------------------------- */
.wf_after_intro .tit-1 > span:nth-child(1) {
  color: #EAE6E0;
  font-size: 8.7rem;
  line-height: 10.6rem;
  text-transform: uppercase;
}
.wf_after_intro .tit-1 > span:nth-child(1) span {
  margin: 0;
}
.wf_after_intro .tit-1 > span:nth-child(2) {
  color: #8C8279;
}

/* -------------------------- *\
    .tooltip
\* -------------------------- */
.tool {
  position: relative;
  width: 23.7rem;
  opacity: 1;
}
.tool__t {
  position: relative;
  z-index: 5;
  background: #fff;
  border-radius: 2rem;
  border: 0.1rem solid #9D968D;
  min-height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.4rem;
  color: #8C8279;
  padding: 0.3rem 2.5rem 0.3rem 1rem;
}
.tool__t svg {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  --svg-clr: var(--c6);
}
.tool__b {
  position: relative;
  top: -1.9rem;
  background: rgba(234, 230, 224, 0.9);
  padding: 3rem 1.8rem 1rem;
  position: relative;
  border-bottom-left-radius: 2rem;
  border-bottom-right-radius: 2rem;
  display: flex;
  flex-wrap: wrap;
}
.tool__b svg {
  --size: 2.2rem;
  min-width: var(--size);
  min-height: var(--size);
  --svg-clr: var(--c8);
}
.tool__b span {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #8C8279;
  width: 100%;
  margin-bottom: 1rem;
}
.tool__b span.half {
  max-width: 48%;
}
.tool__b span.left {
  text-align: left;
}
.tool__b span.right {
  justify-content: end;
  text-align: right;
}
.tool__b span.light {
  font-weight: 300;
}
.tool__b span sup {
  font-size: 0.8rem;
  position: relative;
  top: 0.1rem;
}
.tool__b span svg {
  margin-right: 0.5rem;
}
.tool__b span strong {
  margin-right: 0.5rem;
}
.tool__b.lh_small span {
  margin-bottom: 0.9rem;
  font-weight: 500;
}

@media (min-width: 1024px) {
  .mapster_tooltip {
    display: block;
    width: var(--map-bubble) !important;
    background: green;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 2rem !important;
  }
}

/* -------------------------- *\
    .icons_section
\* -------------------------- */
.icons_section + .golf {
  margin-top: 11.5vw;
}
@media (min-width: 768px) {
  .icons_section + .golf {
    margin-top: 2.5vw;
  }
}
@media (max-width: 767px) {
  .icons_section {
    padding-top: 14vw;
  }
}
.icons_section.no_padd_top .hold {
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .icons_section.no_padd_top .hold {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .icons_section.no_padd_top .hold {
    padding-top: 0;
  }
}
.icons_section .shell {
  position: relative;
}
@media (min-width: 768px) {
  .icons_section .shell:nth-of-type(1) {
    margin-bottom: 2vw;
  }
}
.icons_section .shell:nth-of-type(1) p {
  margin-bottom: 0;
}
.icons_section .shell:nth-of-type(1) h2 {
  text-align: center;
}
.icons_section .shell.bot p {
  text-align: center;
  margin: 5rem auto 0 auto;
}
@media (min-width: 1024px) {
  .icons_section .shell.bot p {
    max-width: 80%;
    margin: 2vw auto 0 auto;
  }
}
@media (min-width: 1400px) {
  .icons_section .shell.bot p {
    max-width: 70%;
  }
}
@media (min-width: 1600px) {
  .icons_section .shell.bot p {
    max-width: 70%;
  }
}
.icons_section > figure {
  margin: 0 auto;
  width: 5rem;
  height: 6rem;
}
@media (min-width: 768px) {
  .icons_section > figure {
    width: 7.3rem;
    height: 9.3rem;
  }
}
@media (min-width: 1920px) {
  .icons_section > figure {
    width: 3.8vw;
    height: 4.85vw;
  }
}
.icons_section > figure img {
  object-fit: contain;
}
.icons_section .t {
  position: relative;
  z-index: 10;
  text-align: center;
  transform: translateY(55%);
}
.icons_section .b {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
@media (min-width: 360px) and (max-width: 767px) {
  .icons_section .b {
    left: calc(50% + 3.5vw);
  }
}
.icons_section .b p {
  background: #fff;
  margin: 0;
}
.icons_section .b .btn-1 {
  text-align: center;
}
.icons_section .b .btn-1 span:nth-child(2) {
  display: none;
}
.icons_section .b.ex .btn-1 span:nth-child(1) {
  display: none;
}
.icons_section .b.ex .btn-1 span:nth-child(2) {
  display: block;
}
.icons_section .t-1 {
  margin: 0;
  letter-spacing: 0.15rem;
  font-weight: 100;
  max-width: 54rem;
  background: #FFFFFF;
  width: auto;
  padding: 0 0.5rem;
}
@media (max-width: 767px) {
  .icons_section .t-1 {
    letter-spacing: 0.02rem;
  }
}
@media (min-width: 1200px) {
  .icons_section .t-1 {
    width: 50%;
    padding: 0 1rem;
  }
}
.icons_section .t-1 span {
  color: #5A7B7D;
}
.icons_section .hold {
  position: relative;
  padding: 8.2rem 3rem 5rem 1rem;
  overflow: hidden;
}
@media (min-width: 600px) {
  .icons_section .hold {
    padding: 10rem 2rem 5rem 2rem;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 900px) {
  .icons_section .hold {
    padding: 12rem 2rem 2.5rem 2rem;
  }
}
@media (min-width: 1024px) {
  .icons_section .hold {
    padding: 9.4rem 2rem 2.5rem 2rem;
  }
}
@media (min-width: 1200px) {
  .icons_section .hold {
    padding: 15rem 2.5rem 2.5rem 4.8rem;
  }
}
.icons_section .hold .hid {
  overflow: hidden;
  transition: height 2s var(--trans);
  width: 100%;
}
.icons_section .hold.cont {
  padding: 0;
}
.icons_section .hold.cont > span:nth-child(1) {
  margin-top: 2.2rem;
}
@media (min-width: 600px) {
  .icons_section .hold.cont > span:nth-child(1) {
    margin-top: 0;
  }
}
.icons_section .hold .link-1 {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  letter-spacing: 0.06rem;
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
}
@media (min-width: 600px) {
  .icons_section .hold .link-1 {
    top: 4.5rem;
  }
}
@media (min-width: 900px) {
  .icons_section .hold .link-1 {
    top: 6rem;
  }
}
@media (min-width: 1200px) {
  .icons_section .hold .link-1 {
    top: 5.7rem;
    font-size: 1.8rem;
    letter-spacing: 0.06rem;
    line-height: 2.2rem;
  }
}
.icons_section .hold > span {
  position: relative;
  display: block;
  padding-left: 7rem;
  font-size: 1.4rem;
  color: #979797;
}
@media (min-width: 600px) {
  .icons_section .hold > span {
    width: calc(50% - 3rem);
    margin: 0 1.5rem 3rem;
  }
}
@media (min-width: 1024px) {
  .icons_section .hold > span {
    width: calc(33.333% - 3rem);
    margin-bottom: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .icons_section .hold > span {
    width: calc(25% - 3rem);
    height: 12.5rem;
    margin-bottom: 0;
  }
}
.icons_section .hold > span svg {
  --svg-clr: var(--c9);
  fill: none;
  --size: 5.1rem;
  position: absolute;
  top: 0;
  left: 0;
}
.icons_section .hold > span strong {
  display: block;
  font-weight: 400;
  font-size: 1.8rem;
  color: #6E6259;
  margin-bottom: 0rem;
  padding: 0.5rem 0;
}
.icons_section .hold > span + span {
  margin-top: 3.1rem;
}
@media (min-width: 600px) {
  .icons_section .hold > span + span {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .icons_section--thrcol .hold {
    padding: 9.4rem 2rem 2.5rem;
  }
}
@media (min-width: 1400px) {
  .icons_section--thrcol .hold {
    padding: 9.4rem 4rem 2.5rem;
  }
}
@media (min-width: 1200px) {
  .icons_section--thrcol .hold span {
    padding-right: 1.5rem;
    width: calc(33.333% - 3rem);
  }
}
@media (min-width: 1400px) {
  .icons_section--thrcol .hold span {
    padding-right: 6.5rem;
  }
}
@media (min-width: 1800px) {
  .icons_section--thrcol .hold span {
    padding-right: 14.5rem;
  }
}
.icons_section .c {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 5rem;
  height: 5rem;
  background: #fff;
  border: 0.1rem solid #CDC9C1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .icons_section .c {
    width: 4.5vw;
    height: 4.5vw;
  }
}
@media (min-width: 900px) {
  .icons_section .c {
    width: 7rem;
    height: 8.8rem;
  }
}
@media (min-width: 1200px) {
  .icons_section .c {
    width: 8.8rem;
    height: 8.8rem;
  }
}
.icons_section .c + .c {
  left: 100%;
}
.icons_section .c + .c + .c {
  top: 100%;
}
.icons_section .c + .c + .c + .c {
  top: 100%;
  left: 0;
}
.icons_section .l {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 9999rem;
  height: 0.1rem;
  background: #CDC9C1;
}
.icons_section .l + .l {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.1rem;
  height: 9999rem;
}
.icons_section .l + .l + .l {
  top: 50%;
  left: calc(100% - 0.1rem);
  transform: translateY(-50%);
  width: 0.1rem;
  height: 9999rem;
}
.icons_section .l + .l + .l + .l {
  top: calc(100% - 0.1rem);
  left: 50%;
  transform: translateX(-50%);
  width: 9999rem;
  height: 0.1rem;
}

/* -------------------------- *\
    .t
\* -------------------------- */
.t-1 {
  font-size: 1.6rem;
  font-family: var(--font-family-2);
  color: #6E6259;
  font-weight: 300;
  line-height: 1.5;
  display: inline-block;
  line-height: 1;
  background: #fff;
}
@media (min-width: 280px) {
  .t-1 {
    font-size: 1.8em;
  }
}
@media (min-width: 300px) {
  .t-1 {
    font-size: 2rem;
  }
}
@media (min-width: 320px) {
  .t-1 {
    font-size: 2.2rem;
  }
}
@media (min-width: 375px) {
  .t-1 {
    font-size: 2.5rem;
  }
}
@media (min-width: 410px) {
  .t-1 {
    font-size: 3rem;
  }
}
@media (min-width: 768px) {
  .t-1 {
    font-size: 4rem;
  }
}
@media (min-width: 1200px) {
  .t-1 {
    font-size: 4.8rem;
  }
}
.t-1 span {
  color: #5A7B7D;
  font-style: italic;
}
.t-1 + .p-1 {
  margin-top: 2rem;
}
.t-2 {
  font-size: 2.1rem;
  lighting-color: 2.5rem;
  text-transform: uppercase;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .t-2 {
    font-size: 3.6rem;
    line-height: 4.4rem;
  }
}
@media (min-width: 1366px) {
  .t-2 {
    font-size: 4.8rem;
    line-height: 6.4rem;
  }
}
.t-2 strong {
  font-family: var(--font-family-2);
  font-size: 4.8rem;
  font-weight: 400;
  line-height: 6.4rem;
  color: #fff;
  display: block;
}
@media (min-width: 1200px) {
  .t-2 strong {
    font-size: 12rem;
    line-height: 16rem;
  }
}

.p-1 {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.2;
  line-height: 2.8rem;
  color: #6E6259;
}
@media (min-width: 768px) {
  .p-1 {
    font-size: 2rem;
    line-height: 3.4rem;
  }
}
.p-1 strong {
  font-weight: 600;
}
.p-1 span,
.p-1 a {
  color: #5A7B7D;
}
.p-1 a {
  position: relative;
}
.p-1 a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 0.1rem;
  background: rgba(90, 123, 125, 0.9);
  transition: 0.3s ease;
}
.p-1 a:hover:after {
  width: 90%;
  ransform: translate(-50%, 0.5rem);
}

/* -------------------------- *\
    .btns
    .fade_gal__ui
    .arrow_link
\* -------------------------- */
.btn-1 {
  position: relative;
  color: #6E6259;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 500;
  padding: 1rem 3rem;
  border: 0.2rem solid #9D968D;
  display: inline-block;
  border-radius: 3rem;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .btn-1 {
    padding: 0.8rem 3rem;
  }
}
.btn-1:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 105%;
  height: 105%;
  background: #9D968D;
  border-radius: 3rem;
  transition: 0.3s ease;
}
.btn-1 span {
  position: relative;
  z-index: 10;
  transition: 0.3s ease;
}
.btn-1 span:nth-child(2) {
  display: none;
}
.btn-1:hover:after {
  transform: translate(-50%, -50%) scale(1);
}
.btn-1:hover span {
  color: #fff;
}

.link-1 {
  position: relative;
  color: #5A7B7D;
  font-size: 1.4rem;
  font-weight: 400;
  cursor: pointer;
  text-align: center;
  line-height: 1.2;
  display: block;
}
.link-1:after {
  content: "";
  position: absolute;
  bottom: -0.2rem;
  left: 50%;
  width: 0%;
  height: 0.1rem;
  transform: translateX(-50%);
  background: rgba(90, 123, 125, 0.7);
  display: block;
  transition: 0.3s ease;
}
@media (min-width: 600px) {
  .link-1 {
    font-size: 1.6rem;
  }
}
@media (min-width: 900px) {
  .link-1 {
    font-size: 1.8rem;
  }
}
.link-1:hover:after {
  width: 90%;
}

.arrow_link {
  --clr1: var(--c8);
  --clr2: var(--cw);
  --clr3: var(--c8);
  padding: 0 2.5rem;
  border-radius: 1.6rem;
  border: solid 0.2rem var(--clr3);
  font-size: 1.179rem;
  line-height: 1.4rem;
  position: relative;
  transition: all 0.3s;
  font-weight: 600;
  color: var(--clr1);
  background: var(--clr2);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  width: fit-content;
  gap: 2rem;
  cursor: pointer;
  user-select: none;
  overflow: hidden;
}
.arrow_link p {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  white-space: nowrap;
  color: inherit;
}
@media (min-width: 600px) {
  .arrow_link {
    padding: 0 2.5rem;
    font-size: 1.96vw;
    line-height: 2.35vw;
    border-radius: 2.66vw;
    height: 5.35vw;
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .arrow_link {
    width: fit-content;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.8rem;
    border-radius: 3.6rem;
    height: 4vw;
  }
}
@media (min-width: 1200px) {
  .arrow_link {
    height: 2.2vw;
  }
}
@media (min-width: 1700px) {
  .arrow_link {
    font-size: 0.73vw;
    border-radius: 3.85vw;
    height: 1.8vw;
  }
}
.arrow_link > span {
  display: block;
  width: 1rem;
  height: 1rem;
  position: relative;
  right: -0.2rem;
  transition: all 0.5s;
  transform: rotate(-45deg);
}
.arrow_link > span svg {
  --size: 130%;
  --svg-clr: var(--clr1);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.arrow_link:hover {
  color: var(--clr2);
  background: var(--clr1);
}
.arrow_link:hover > span {
  transform: rotate(-90deg);
}
.arrow_link:hover > span svg {
  --svg-clr: var(--clr2);
}
.arrow_link--white {
  --clr1: var(--c6);
  --clr2: var(--cw);
  --clr3: var(--cw);
}
.arrow_link.arrow_link--2 {
  height: 3.2rem;
  background: none;
  border: solid 0.167rem #FFFFFF;
  border-radius: 1.585rem;
  padding: 0 0.5rem 0 0;
  gap: 0.5rem;
  position: relative;
}
.arrow_link.arrow_link--2:before {
  content: "";
  width: calc(100% - 2.2rem);
  height: 100%;
  position: absolute;
  background: var(--clr2);
  border-radius: 1.585rem;
  left: 0;
  top: 0;
  transition: all 0.2s;
}
.arrow_link.arrow_link--2 span {
  position: relative;
  z-index: 10;
}
.arrow_link.arrow_link--2 span svg {
  --svg-clr: var(--clr2);
}
.arrow_link.arrow_link--2 p {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: relative;
  z-index: 10;
  padding: 0 1rem;
  color: var(--clr1);
}
.arrow_link.arrow_link--2:hover:before {
  width: 100%;
}
.arrow_link.arrow_link--2:hover span svg {
  --svg-clr: var(--clr1);
}
.arrow_link.arrow_link--2:hover p {
  color: var(--clr1);
}
.arrow_link.arrow_link--hover {
  --clr3: var(--cw);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0;
  transition: opacity 1s var(--trans);
}
@media (max-width: 767px) {
  .arrow_link.arrow_link--hover {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    opacity: 1;
  }
}
.arrow_link.arrow_link--hover p {
  font-weight: 300;
  color: var(--clr1);
}
.arrow_link.arrow_link--hover.ex {
  opacity: 1;
  transform: sclae(1);
}
.arrow_link.arrow_link--hover:hover {
  color: var(--clr1);
  background: var(--clr2);
}
.arrow_link.arrow_link--hover:hover > span {
  transform: none;
}
.arrow_link.arrow_link--hover:hover > span svg {
  --svg-clr: var(--clr1);
}
.arrow_link.arrow_link--no_text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow_link.arrow_link--no_text p {
  display: none;
}
.arrow_link.arrow_link--no_text span {
  transform: none;
  right: 0;
}

.fade_gal__ui {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  height: 4.8rem;
}
@media (min-width: 360px) {
  .fade_gal__ui {
    height: 11.2vw;
    min-height: 4.8rem;
  }
}
@media (min-width: 768px) {
  .fade_gal__ui {
    height: 5rem;
    min-height: 5rem;
    right: 1vw;
  }
}
.fade_gal__ui > p {
  font-size: 3.024rem;
  letter-spacing: 0.017;
  line-height: 2.016rem;
  margin-bottom: 0;
}
.fade_gal__ui > p span {
  color: #6E6259;
}
@media (min-width: 360px) {
  .fade_gal__ui > p {
    font-size: 6.98vw;
    letter-spacing: 0.004vw;
    line-height: 4.7vw;
  }
}
@media (min-width: 768px) {
  .fade_gal__ui > p {
    font-size: 3.6rem;
    letter-spacing: 0.2rem;
    line-height: 2.4rem;
  }
}
.fade_gal__ui > p .total {
  font-size: 2.016rem;
  letter-spacing: 0.011rem;
}
@media (min-width: 360px) {
  .fade_gal__ui > p .total {
    font-size: 4.7vw;
    letter-spacing: 0.003vw;
  }
}
@media (min-width: 768px) {
  .fade_gal__ui > p .total {
    font-size: 2.4rem;
    letter-spacing: 0.13rem;
    line-height: 2.4rem;
  }
}
.fade_gal__ui > span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 5.5rem;
  cursor: pointer;
  user-select: none;
}
@media (min-width: 360px) {
  .fade_gal__ui > span {
    min-width: 5.5rem;
    width: 12.8vw;
  }
}
@media (min-width: 768px) {
  .fade_gal__ui > span {
    min-width: 5.5rem;
    width: 7rem;
  }
}
.fade_gal__ui > span svg {
  width: 2rem;
  height: 2rem;
  --svg-clr: var(--c8);
  opacity: 0.5;
}
@media (min-width: 360px) {
  .fade_gal__ui > span svg {
    width: 5vw;
    height: 5vw;
  }
}
@media (min-width: 768px) {
  .fade_gal__ui > span svg {
    width: 2rem;
    height: 2rem;
  }
}
.fade_gal__ui > span:hover svg {
  opacity: 1;
}
.fade_gal__ui .arr_prev {
  transform: rotate(180deg);
}

/* -------------------------- *\
    by A.Alexandrov
    .fade_thumbs
    .dropdown
    .lift_text
    .letters_up
    .par_image
    .enlarge
\* -------------------------- */
.fade_thumbs:hover .fade_thumbs__item figure:before {
  opacity: 0.15;
}
.fade_thumbs .fade_thumbs__item {
  opacity: 1;
  transition: opacity 0.3s;
}
.fade_thumbs .fade_thumbs__item figure {
  overflow: hidden;
  position: relative;
}
.fade_thumbs .fade_thumbs__item figure:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #000;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  z-index: 10;
}
.fade_thumbs .fade_thumbs__item figure img {
  transition: transform 1s;
}
.fade_thumbs .fade_thumbs__item:hover {
  opacity: 1;
}
.fade_thumbs .fade_thumbs__item:hover figure img {
  transform: scale(1.1);
}
.fade_thumbs .fade_thumbs__item:hover figure:before {
  opacity: 0;
}

.dropdown .dr_open {
  cursor: pointer;
  user-select: none;
}
.dropdown .dr_hid {
  overflow: hidden;
  transition: all 0.5s;
}
.dropdown .dr_cont {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.letters_up {
  text-transform: uppercase;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  overflow: hidden;
}
.letters_up span {
  transform: translateY(0%);
  transition-property: transform;
  transition-duration: 1.5s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fade_in {
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.fade_in.is-inview {
  opacity: 1;
}

.lift_text {
  overflow: hidden;
}
.lift_text > * {
  transform: translateY(100%);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.lift_text.is-inview > * {
  transform: translateY(0%);
}

figure.par_image {
  overflow: hidden;
  position: relative;
}
figure.par_image img {
  transform: translate(0, calc(-15% + var(--progress) * 30%)) scale(1.1);
  object-fit: cover;
}

figure.enlarge {
  --min: 1;
  --max: 3;
  --prog: var(--pr-img);
  --img: 150%;
  --foX: -50%;
  --foY: -50%;
  --var: calc(var(--min) + (var(--prog) * var(--max) - 0.666666 * var(--prog)) * 3 * 0.25 );
}
@media (min-width: 768px) {
  figure.enlarge {
    overflow: hidden;
    position: relative;
    transform: translate(var(--foX), var(--foY)) scale(calc(0.8 * var(--var)));
  }
  figure.enlarge img {
    transform: translate(-50%, -50%) scale(calc(1.25 / var(--var)));
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--img);
    max-width: var(--img);
    height: auto;
    -webkit-backface-visibility: hidden;
  }
}
figure.enlarge + .scroll_track {
  display: none;
}
@media (min-width: 768px) {
  figure.enlarge + .scroll_track {
    position: relative;
    display: block;
    height: 100%;
    width: 0;
  }
}

.play_button:before, .play_button:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
  opacity: 1;
}
.play_button:before {
  content: "";
  width: 4rem;
  height: 4rem;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  z-index: 50;
  border-radius: 50%;
}
.play_button:after {
  content: "";
  width: 0.1rem;
  height: 0.1rem;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  z-index: 60;
  left: calc(50% + 0.1rem);
  border-style: solid;
  border-width: 0.7rem 0 0.7rem 1rem;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
}
.play_button:hover:before, .play_button:hover:after {
  opacity: 0;
}

/* -------------------------- *\
    .interactive_map
\* -------------------------- */
.interactive_map {
  text-align: center;
  overflow: hidden;
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .interactive_map {
    margin-bottom: 5.5vw;
  }
}
.interactive_map .shell {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .interactive_map .shell:nth-child(2) {
    margin-bottom: -1.5vw;
  }
}
@media (min-width: 768px) {
  .interactive_map .shell {
    margin-bottom: 3vw;
  }
}
.interactive_map .shell h2 {
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 360px) {
  .interactive_map .shell h2 {
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .interactive_map .shell h2 {
    margin-bottom: 2.7vw;
    grid-row: 1/span 1;
    grid-column: 9/span 11;
  }
}
.interactive_map .shell h2 svg {
  --svg-clr: var(--c9);
  --size: 7.5rem;
  position: absolute;
  left: calc(100% + 2rem);
  top: 50%;
  transform: scale(1, -0.9) rotate(-99deg);
  display: none;
}
@media (min-width: 1200px) {
  .interactive_map .shell h2 svg {
    display: block;
    --size: 11.5rem;
    left: calc(100% - 2.4rem);
    top: 12%;
  }
}
@media (min-width: 768px) {
  .interactive_map .shell > p {
    grid-row: 2/span 1;
    grid-column: 8/span 13;
  }
}
@media (max-width: 767px) {
  .interactive_map .shell #mapster_wrap_0 {
    grid-column: 2/span 1;
  }
}
@media (max-width: 767px) and (min-width: 360px) {
  .interactive_map .shell #mapster_wrap_0 {
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .interactive_map .shell #mapster_wrap_0 {
    grid-column: 2/span 25;
  }
}
.interactive_map .map_slider {
  --slide-m: 1rem;
}
@media (min-width: 1024px) {
  .interactive_map .map_slider {
    display: none;
  }
}
@media (min-width: 360px) {
  .interactive_map .map_slider {
    --slide-m: 2rem;
  }
}
.interactive_map .map_slider__items {
  width: 100%;
}
@media (min-width: 360px) {
  .interactive_map .map_slider__items {
    overflow: hidden;
    margin-left: 12vw;
  }
}
@media (min-width: 768px) {
  .interactive_map .map_slider__items {
    margin-left: 8vw;
  }
}
.interactive_map .map_slider__items .draggable {
  max-width: calc(var(--map-bubble) + var(--slide-m) * 2);
  width: 100%;
  margin: 0 auto;
  overflow: visible;
}
@media (min-width: 360px) {
  .interactive_map .map_slider__items .draggable {
    margin: 0;
    max-width: calc(var(--map-bubble) + var(--slide-m));
  }
}
@media (min-width: 500px) {
  .interactive_map .map_slider__items .draggable {
    max-width: calc(2 * var(--map-bubble) + 2 * var(--slide-m));
  }
}
@media (min-width: 750px) {
  .interactive_map .map_slider__items .draggable {
    max-width: calc(3 * var(--map-bubble) + 3 * var(--slide-m));
  }
}
.interactive_map .map_slider__items .mapster_tooltip {
  margin: 0 var(--slide-m);
  width: auto;
}
@media (min-width: 360px) {
  .interactive_map .map_slider__items .mapster_tooltip {
    margin: 0 var(--slide-m) 0 0;
  }
}
.interactive_map .map_slider__arr {
  display: flex;
}
@media (min-width: 360px) {
  .interactive_map .map_slider__arr {
    margin-left: 12vw;
  }
}
@media (min-width: 768px) {
  .interactive_map .map_slider__arr {
    margin-left: 8vw;
  }
}
.interactive_map .map_slider__arr span {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  opacity: 0.5;
  position: relative;
}
.interactive_map .map_slider__arr span:hover {
  opacity: 1;
}
.interactive_map .map_slider__arr span svg {
  --svg-clr: var(--c8);
  width: 40%;
  height: 40%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.interactive_map .map_slider__arr span:nth-child(1) svg {
  transform: translate(-50%, -50%) rotate(180deg);
}

div.mapster_tooltip {
  border: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  box-shadow: none !important;
}

/* -------------------------- *\
    .list_1
\* -------------------------- */
.list_1 {
  position: relative;
  margin-bottom: 2rem;
}
@media (max-width: 500px) {
  .list_1 {
    top: -10rem;
  }
}
@media (max-width: 767px) {
  .list_1 {
    top: -4rem;
  }
}
@media (min-width: 768px) {
  .list_1 {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .list_1 .shell {
    grid-template-rows: 1fr 1fr;
  }
}
.list_1 .shell:before {
  content: "";
  width: 100%;
  height: 80vh;
  position: sticky;
  top: 0;
  background: #9D968D;
  grid-row: 3/span 10;
  grid-column: 1/span 3;
  z-index: 70;
}
@media (min-width: 360px) {
  .list_1 .shell:before {
    grid-row: 2/span 10;
    grid-column: 1/span 33;
  }
}
@media (min-width: 768px) {
  .list_1 .shell:before {
    grid-row: 2/span 10;
    grid-column: 1/span 27;
  }
}
@media (max-height: 700px) {
  .list_1 .shell:before {
    height: 100vh;
  }
}
.list_1 .shell:after {
  content: "";
  width: 100%;
  height: 85vh;
  background: #9D968D;
  position: relative;
  z-index: 60;
  top: 0vh;
  left: 0;
  grid-row: 3/span 10;
  grid-column: 1/span 3;
}
@media (min-width: 360px) {
  .list_1 .shell:after {
    grid-row: 2/span 10;
    grid-column: 1/span 33;
  }
}
@media (min-width: 768px) {
  .list_1 .shell:after {
    display: none;
    position: sticky;
    grid-row: 1/span 1;
    grid-column: 1/span 27;
    height: 7.4vw;
    background: var(--cw);
  }
}
.list_1 .shell .white,
.list_1 .shell .brown {
  display: none;
}
@media (min-width: 768px) {
  .list_1 .shell .white,
.list_1 .shell .brown {
    display: block;
    position: sticky;
    grid-row: 1/span 2;
    grid-column: 1/span 27;
  }
}
.list_1 .shell .white {
  z-index: 90;
  background: #FFFFFF;
  width: 100%;
  height: 10.1vw;
  top: -2vw;
}
.list_1 .shell .brown {
  width: 100%;
  height: 5.5vw;
  top: 8vw;
  margin-top: 10.6vw;
  background: #9D968D;
  z-index: 80;
}
.list_1 .shell > p:first-of-type {
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  z-index: 100;
  color: #8C8279;
  text-transform: uppercase;
  align-self: end;
  margin-bottom: 0;
  transform: translateY(110%);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (min-width: 360px) {
  .list_1 .shell > p:first-of-type {
    grid-row: 1/span 1;
    grid-column: 5/span 7;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .list_1 .shell > p:first-of-type {
    grid-row: 1/span 1;
    grid-column: 2/span 19;
    text-align: left;
    position: sticky;
    top: 4.7vw;
  }
}
.list_1 .shell.is-inview .head_mid > span {
  transform: translateY(0);
}
.list_1 .shell.is-inview .img:before {
  height: 0;
}
.list_1 .shell.is-inview > p:first-of-type {
  transform: translateY(0);
}
.list_1 .head_mid {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
  color: #FFFFFF;
  text-transform: uppercase;
  z-index: 80;
  margin: 0;
  font-family: var(--font-family-2);
  position: relative;
  top: -0.5rem;
  line-height: 4rem;
  margin-bottom: 3rem;
}
@media (max-width: 359px) {
  .list_1 .head_mid {
    flex-wrap: wrap;
  }
}
@media (min-width: 360px) {
  .list_1 .head_mid {
    grid-row: 2/span 1;
    grid-column: 5/span 28;
    top: -1.7vw;
    line-height: 10.6vw;
    margin-bottom: 8vw;
  }
}
@media (min-width: 768px) {
  .list_1 .head_mid {
    grid-row: 2/span 1;
    grid-column: 2/span 19;
    margin-bottom: 0;
    position: sticky;
    transform: translateY(-3.45vw);
    top: 8vw;
  }
  .list_1 .head_mid br {
    display: none;
  }
}
.list_1 .head_mid > span {
  transform: translateY(100%);
}
.list_1 .head_bot {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 1.9rem;
  z-index: 10;
  text-transform: uppercase;
  font-family: var(--font-family);
  align-self: end;
}
@media (min-width: 360px) {
  .list_1 .head_bot {
    font-size: 3.7vw;
    line-height: 1.9rem;
  }
}
@media (min-width: 768px) {
  .list_1 .head_bot {
    font-size: 1.88vw;
    line-height: 2.3vw;
    font-weight: 200;
    position: relative;
    bottom: 2.3vw;
    left: 1.2vw;
  }
}
.list_1 .img {
  grid-row: 1/span 1;
  grid-column: 2/span 1;
  width: 50%;
  justify-self: end;
  position: relative;
  z-index: 100;
}
@media (min-width: 360px) {
  .list_1 .img {
    grid-row: 1/span 1;
    grid-column: 19/span 14;
    margin-bottom: 2rem;
    width: 100%;
    align-self: center;
    height: fit-content;
  }
}
@media (min-width: 768px) {
  .list_1 .img {
    grid-row: 1/span 3;
    grid-column: 20/span 7;
    width: 100%;
    padding-left: 2vw;
    margin: 5vw auto 30vw auto;
    display: flex;
    align-items: center;
    position: sticky;
    align-self: start;
    top: 8rem;
  }
}
.list_1 .img:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #6E6259;
  top: 0;
  right: 0;
  transition: height 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 10;
}
@media (min-width: 768px) {
  .list_1 .img:before {
    top: 0;
    height: 100%;
    content: "";
    width: calc(100% - 2vw);
    height: 100%;
    position: absolute;
    background: #6E6259;
  }
}
.list_1 .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (min-width: 768px) {
  .list_1 .img img {
    height: 58%;
  }
}
.list_1 .m {
  grid-row: 5/span 1;
  grid-column: 2/span 1;
  z-index: 100;
  margin-bottom: 5rem;
}
@media (min-width: 360px) {
  .list_1 .m {
    grid-row: 4/span 1;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .list_1 .m {
    grid-row: 3/span 1;
    grid-column: 19/span 8;
    padding-right: 1vw;
    justify-content: space-between;
    height: 50vh;
    position: sticky;
    transform: translateY(8vh);
    top: 16vw;
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  .list_1 .m {
    grid-column: 19/span 9;
    padding-right: 3rem;
  }
}
@media (min-width: 768px) {
  .list_1 .m h3 {
    letter-spacing: 0.03vw;
    margin-bottom: 1.2vw;
  }
}
@media (min-width: 768px) {
  .list_1 .m p {
    letter-spacing: 0.012vw;
  }
}
@media (min-width: 768px) and (max-height: 750px) {
  .list_1 .m p {
    font-size: 1.4rem;
    letter-spacing: 0.01rem;
    line-height: 2.2rem;
  }
}
.list_1 .m p,
.list_1 .m h3 {
  color: var(--cw);
}
.list_1 .b {
  position: relative;
  z-index: 70;
  display: grid;
  justify-content: center;
  grid-row: 6/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .list_1 .b {
    grid-row: 5/span 1;
    grid-column: 5/span 28;
  }
}
@media (min-width: 550px) {
  .list_1 .b {
    justify-content: space-between;
    grid-template-columns: 47% 47%;
  }
}
@media (min-width: 768px) {
  .list_1 .b {
    grid-row: 3/span 1;
    grid-column: 2/span 16;
    padding-right: 1.55vw;
    padding-top: 0;
    grid-template-columns: 1fr 1fr;
    column-gap: 3vw;
    top: -1vw;
  }
}

.rest_thumb {
  display: block;
  margin-bottom: 2rem;
  text-align: center;
  transform: translateY(15vh);
  transition: transform 2s var(--trans);
}
@media (min-width: 768px) {
  .rest_thumb {
    margin-bottom: 0.8vw;
    transform: translateY(15vh);
  }
}
.rest_thumb.is-inview {
  transform: translateY(0%);
}
.rest_thumb h3,
.rest_thumb h4 {
  text-align: center;
  transition: color 0.3s;
}
.rest_thumb h3 {
  font-family: var(--font-family-2);
  font-size: 2.1rem;
  line-height: 3.1rem;
  color: var(--c8);
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .rest_thumb h3 {
    font-size: 3rem;
    line-height: 3rem;
    letter-spacing: 0.017vw;
    margin-top: 1.8vw;
  }
}
.rest_thumb h4 {
  font-family: var(--font-family);
  font-size: 1.4rem;
  line-height: 2.8rem;
  text-transform: uppercase;
  color: #A2A2A2;
}
@media (min-width: 768px) {
  .rest_thumb h4 {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.rest_thumb > div.ex h3,
.rest_thumb > div.ex h4 {
  color: var(--cw);
}
@media (max-height: 700px) {
  .rest_thumb > div h3,
.rest_thumb > div h4 {
    color: var(--cw);
  }
}
.rest_thumb.full {
  width: 100%;
}
@media (min-width: 550px) {
  .rest_thumb.full {
    grid-column: 1/span 2;
  }
}
.rest_thumb.full img {
  max-width: 100%;
}
.rest_thumb .item_img {
  position: relative;
  display: block;
  width: fit-content;
  background: #000;
  overflow: hidden;
  height: 106.5vw;
  width: 100%;
}
@media (min-width: 550px) {
  .rest_thumb .item_img {
    height: 50vw;
  }
}
@media (min-width: 768px) {
  .rest_thumb .item_img {
    height: 31.3vw;
  }
}
.rest_thumb .item_img img {
  transition: 0.3s ease;
}
.rest_thumb .item_img img:nth-child(1) {
  transition: transform 15s, opacity 0.3s;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.rest_thumb .item_img img:nth-child(2) {
  position: absolute;
  bottom: 2.6rem;
  left: 2rem;
  max-width: 50%;
  max-height: 22.7%;
  width: auto;
}
.rest_thumb .item_img:hover img:nth-child(1) {
  opacity: 0.5;
  transform: scale(2);
  transition: transform 25s, opacity 0.3s;
}
.rest_thumb .item_img:hover img:nth-child(2) {
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%) scale(1.5);
}

/* -------------------------- *\
    .clock
\* -------------------------- */
.clock {
  position: relative;
  margin: 5rem auto;
  width: 18rem;
  height: 27rem;
}
@media (max-width: 375px) {
  .clock {
    transform: scale(0.7);
    margin: 1rem auto;
  }
}
@media (max-width: 600px) {
  .clock {
    transform: scale(0.8);
    margin: 2rem auto;
  }
}
@media (min-width: 768px) {
  .clock {
    margin-top: 2vw;
  }
}
.clock:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  background: #CDC9C1;
  border-radius: 50%;
}
.clock span {
  position: absolute;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.2rem;
  height: 7.2rem;
  transform-origin: top center;
  background: #9D968D;
}
.clock span:before {
  overflow: hidden;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0.3rem;
  height: 50%;
}
.clock .clock__hours {
  transform: translate(-50%, 0) rotate(45deg);
  height: 5rem;
}
.clock .clock__minutes {
  transform: translate(-50%, 0) rotate(90deg);
}
.clock .clock__seconds {
  transform: translate(-50%, 0) rotate(0deg);
  width: 0.1rem;
  background: #CDC9C1;
}
.clock strong {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1.6rem;
  color: #6E6259;
  font-weight: 500;
  text-align: center;
  display: block;
}
@media (min-width: 768px) {
  .clock strong {
    bottom: -0.2vw;
  }
}
@media (min-width: 768px) {
  .clock--main {
    margin-left: 5.5vw;
    margin-right: 5.5vw;
  }
}
.clock--main:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9.76rem;
  height: 18.36rem;
  background: #F6F4F2;
  border-radius: 6rem;
}
@media (min-width: 768px) {
  .clock--main:before {
    width: 11rem;
    height: 20.36rem;
  }
}

/* -------------------------- *\
    .clocks
\* -------------------------- */
@media (max-width: 600px) {
  .clocks {
    padding: 0;
  }
}
@media (min-width: 768px) {
  .clocks {
    padding-top: 0;
    max-width: 100%;
    width: 100%;
    margin-bottom: 4.5vw;
  }
}
.clocks .shell {
  display: flex;
}
@media (min-width: 768px) {
  .clocks .shell {
    padding: 0 6.5vw;
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .clocks .shell .clock:nth-child(1) {
    display: none;
  }
}
@media (max-width: 768px) {
  .clocks .shell .clock:nth-child(2) {
    display: none;
  }
}
@media (max-width: 370px) {
  .clocks .shell .clock:nth-child(3) {
    display: none;
  }
}
@media (max-width: 370px) {
  .clocks .shell .clock:nth-child(5) {
    display: none;
  }
}
@media (max-width: 768px) {
  .clocks .shell .clock:nth-child(6) {
    display: none;
  }
}
@media (max-width: 1200px) {
  .clocks .shell .clock:nth-child(7) {
    display: none;
  }
}

/* -------------------------- *\
    .f
\* -------------------------- */
@media (min-height: 750px) and (min-width: 768px) {
  footer {
    display: grid;
    grid-template-rows: 100vh 100vh 100vh;
    height: 300vh;
    overflow: visible;
  }
}
@media (min-height: 750px) and (min-width: 768px) and (min-width: 1920px) {
  footer {
    grid-template-rows: 100vh 100vh;
  }
}

.f {
  --pr: 0;
  --max-slide: 96.2rem;
  position: relative;
  padding: 0;
}
@media (min-width: 768px) {
  .f {
    position: sticky;
    overflow: hidden;
    top: 0;
  }
}
@media (min-width: 1920px) {
  .f {
    --max-slide: 50.1vw;
  }
}
.f__slide {
  z-index: 10;
  position: relative;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 2fr;
  background: #FFFFFF;
  max-width: 100%;
}
@media (min-height: 750px) and (min-width: 768px) {
  .f__slide {
    width: 100%;
    max-width: var(--max-slide);
    min-height: 100vh;
    position: absolute;
    left: 100%;
    transform: translateX(calc(var(--pr) * -100%));
    z-index: 20;
  }
}
@media (min-width: 1920px) {
  .f__slide {
    display: block;
  }
}
.f__slide p {
  margin: 0;
}
.f__empty {
  grid-row: 2/span 1;
  width: 100%;
  height: 100%;
}
.f__days, .f__crr, .f__for {
  background: #F3F0EC;
  border-bottom: solid 0.1rem #CDC9C1;
}
.f__crr {
  grid-column: 1/span 2;
  background: #F3F0EC;
  --pad: calc(50% - 40rem);
}
@media (min-width: 768px) {
  .f__crr {
    display: grid;
    grid-template-columns: 5fr 3fr;
    padding: 1vh var(--pad);
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .f__crr {
    grid-template-columns: 5fr 2fr;
    --pad: calc(50% - 43rem);
  }
}
@media (min-width: 1920px) {
  .f__crr {
    padding: 3vh var(--pad) 4vh var(--pad);
  }
}
.f__date {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  justify-items: center;
  padding: 2rem 3vw;
  border-bottom: solid 0.1rem #CDC9C1;
}
@media (min-width: 360px) {
  .f__date {
    padding: 4rem 3vw 2rem 3vw;
    grid-template-columns: auto auto;
    margin: 0 auto;
    column-gap: 4.5vw;
    row-gap: 1vw;
    border: none;
  }
}
@media (min-width: 768px) {
  .f__date {
    padding: 0;
    column-gap: 2rem;
    row-gap: 1vh;
    position: relative;
    width: 100%;
  }
  .f__date:before {
    content: "";
    width: 0.2rem;
    height: 7.8rem;
    position: absolute;
    background: #CDC9C1;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
  }
}
.f__date p {
  color: #6E6259;
  text-align: center;
  width: fit-content;
}
.f__date p:nth-child(1) {
  font-size: 7.458rem;
  line-height: 9.1rem;
  font-weight: 300;
}
@media (min-width: 360px) {
  .f__date p:nth-child(1) {
    grid-row: 1/span 2;
    text-align: right;
    line-height: 7.1rem;
    align-self: center;
  }
}
@media (min-width: 768px) {
  .f__date p:nth-child(1) {
    font-size: 8rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1200px) {
  .f__date p:nth-child(1) {
    font-size: 10.06rem;
    line-height: 7.2rem;
  }
}
@media (min-width: 1920px) {
  .f__date p:nth-child(1) {
    font-size: 5.24vw;
    line-height: 3.65vw;
  }
}
.f__date p:nth-child(2) {
  font-size: 2.075rem;
  line-height: 3.7rem;
  font-family: var(--font-family-2);
}
@media (min-width: 360px) {
  .f__date p:nth-child(2) {
    text-align: left;
    line-height: 2.7rem;
    align-self: end;
    justify-self: start;
  }
}
@media (min-width: 768px) {
  .f__date p:nth-child(2) {
    font-size: 2.2rem;
    line-height: 3.1rem;
    transform: translateY(0.5rem);
  }
}
@media (min-width: 1200px) {
  .f__date p:nth-child(2) {
    font-size: 2.8rem;
    line-height: 3.7rem;
  }
}
@media (min-width: 1920px) {
  .f__date p:nth-child(2) {
    font-size: 1.46vw;
    line-height: 1.93vw;
  }
}
.f__date p:nth-child(3) {
  font-size: 2.668rem;
  line-height: 3.3rem;
}
@media (min-width: 360px) {
  .f__date p:nth-child(3) {
    text-align: left;
    line-height: 2.3rem;
    align-self: start;
  }
}
@media (min-width: 768px) {
  .f__date p:nth-child(3) {
    font-size: 2.8rem;
    line-height: 3.5rem;
    font-family: var(--font-family);
    transform: translateY(-0.5rem);
  }
}
@media (min-width: 1200px) {
  .f__date p:nth-child(3) {
    font-size: 3.6rem;
    line-height: 4.3rem;
  }
}
@media (min-width: 1920px) {
  .f__date p:nth-child(3) {
    font-size: 1.88vw;
    line-height: 2.25vw;
  }
}
.f__crr_weather {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  justify-items: center;
  column-gap: 2rem;
  row-gap: 0.3rem;
  padding: 2rem 0 2.5rem 0;
}
@media (min-width: 768px) {
  .f__crr_weather {
    padding: 0;
  }
}
.f__crr_weather > *:nth-child(1) {
  width: 3.7rem;
  height: 3.7rem;
  --svg-clr: var(--c6);
}
@media (min-width: 768px) {
  .f__crr_weather > *:nth-child(1) {
    width: 6rem;
    height: 6rem;
    align-self: end;
  }
}
@media (min-width: 1920px) {
  .f__crr_weather > *:nth-child(1) {
    width: 3.13vw;
    height: 3.13vw;
  }
}
.f__crr_weather > *:nth-child(2) {
  font-size: 1.041rem;
  line-height: 1.3rem;
  color: #6E6259;
  width: fit-content;
}
@media (min-width: 430px) {
  .f__crr_weather > *:nth-child(2) {
    font-size: 2.42vw;
    line-height: 3.1vw;
  }
}
@media (min-width: 768px) {
  .f__crr_weather > *:nth-child(2) {
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-family: var(--font-family);
    text-align: center;
  }
}
@media (min-width: 1920px) {
  .f__crr_weather > *:nth-child(2) {
    font-size: 0.84vw;
    line-height: 1vw;
  }
}
.f__crr_weather > *:nth-child(3) {
  grid-row: 1/span 2;
  grid-column: 2/span 1;
  align-self: center;
  color: #6E6259;
  font-size: 3.904rem;
  line-height: 5.2rem;
  font-family: var(--font-family-2);
  width: fit-content;
}
@media (min-width: 768px) {
  .f__crr_weather > *:nth-child(3) {
    font-size: 6rem;
    line-height: 8rem;
  }
}
@media (min-width: 1920px) {
  .f__crr_weather > *:nth-child(3) {
    font-size: 3.13vw;
    line-height: 4.17vw;
  }
}
.f__days {
  display: flex;
  justify-content: space-around;
  flex-flow: column;
  padding: 1rem 0;
}
@media (min-width: 360px) {
  .f__days {
    flex-wrap: wrap;
    flex-flow: row;
    grid-column: 1/span 2;
    justify-content: space-between;
  }
}
@media (min-width: 430px) {
  .f__days {
    padding: 1rem;
  }
}
@media (min-width: 768px) {
  .f__days {
    padding: 2vh 0;
    gap: 2rem;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1920px) {
  .f__days {
    padding: 1.5vh 0;
  }
}
.f__days span {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #8C8279;
  font-weight: 500;
  display: block;
  padding: 0.5rem 1.2rem;
  border-radius: 0.947rem;
  user-select: none;
  cursor: pointer;
  text-align: center;
}
@media (min-width: 360px) {
  .f__days span {
    font-size: 0.947rem;
    line-height: 1.1rem;
  }
}
@media (min-width: 430px) {
  .f__days span {
    padding: 0.5rem 1.5rem;
    font-size: 2.2vw;
    line-height: 2.55vw;
  }
}
@media (min-width: 768px) {
  .f__days span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1.9rem;
    padding: 0.6rem 2.4rem;
    border-radius: 1.6rem;
  }
}
@media (min-width: 1920px) {
  .f__days span {
    font-size: 0.83vw;
    line-height: 1vw;
    padding: 0.31vw 1.25vw;
    border-radius: 0.834vw;
  }
}
.f__days span.ex {
  background: #DBD6D1;
}
.f__for {
  display: grid;
  grid-template-columns: 100%;
  border: none;
  padding-bottom: 1.5rem;
}
@media (min-width: 360px) {
  .f__for {
    grid-column: 1/span 2;
  }
}
@media (min-width: 768px) {
  .f__for {
    padding-bottom: 0;
  }
}
.f__for__day {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  display: flex;
  flex-flow: column;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  padding-top: 2rem;
}
@media (min-width: 360px) {
  .f__for__day {
    flex-flow: row;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .f__for__day {
    padding-top: 1vh;
  }
}
@media (min-width: 1920px) {
  .f__for__day {
    padding-top: 3vh;
  }
}
.f__for__day.ex {
  opacity: 1;
  visibility: visible;
}
.f__for__day__hour {
  display: flex;
  align-items: center;
  flex-flow: column;
  position: relative;
  padding-bottom: 1rem;
  gap: 0.5rem;
}
@media (min-width: 360px) {
  .f__for__day__hour {
    padding-top: 1rem;
    gap: 1.8rem;
    width: 5rem;
  }
  .f__for__day__hour:before, .f__for__day__hour:after {
    content: "";
    display: block;
    position: absolute;
    --offset: 60%;
  }
}
@media (min-width: 360px) and (min-width: 768px) {
  .f__for__day__hour:before, .f__for__day__hour:after {
    --offset: 5.5rem;
  }
}
@media (min-width: 360px) {
  .f__for__day__hour:before {
    height: 0.2rem;
    background: #979797;
    opacity: 0;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    top: calc(var(--offset) - 0.1rem);
    z-index: 5;
    transition: all 0.3s;
  }
}
@media (min-width: 360px) and (min-width: 768px) {
  .f__for__day__hour:before {
    height: 0.3rem;
  }
}
@media (min-width: 360px) {
  .f__for__day__hour:after {
    width: 100%;
    height: 0.1rem;
    left: 0;
    background: #CDC9C1;
    top: var(--offset);
  }
}
@media (min-width: 430px) {
  .f__for__day__hour {
    width: 11.7vw;
  }
}
@media (min-width: 768px) {
  .f__for__day__hour {
    width: 8.5rem;
    padding: 1.5vh 0;
    gap: 2.5vh;
  }
}
@media (min-width: 1920px) {
  .f__for__day__hour {
    width: 4.6vw;
  }
}
.f__for__day__hour svg {
  position: relative;
  --size: 3rem;
  --svg-clr: var(--c5);
}
@media (min-width: 360px) {
  .f__for__day__hour svg {
    --size: 2.2rem;
  }
}
@media (min-width: 430px) {
  .f__for__day__hour svg {
    --size: 5.2vw;
  }
}
@media (min-width: 768px) {
  .f__for__day__hour svg {
    --size: 4rem;
    bottom: 0.5rem;
  }
}
@media (min-width: 1920px) {
  .f__for__day__hour svg {
    --size: 2.1vw;
  }
}
.f__for__day__hour p {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 500;
  color: #8C8279;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (min-width: 360px) {
  .f__for__day__hour p {
    font-size: 0.805rem;
    line-height: 1rem;
  }
}
@media (min-width: 430px) {
  .f__for__day__hour p {
    font-size: 1.88vw;
    line-height: 2.35vw;
  }
}
@media (min-width: 768px) {
  .f__for__day__hour p {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 1920px) {
  .f__for__day__hour p {
    font-size: 0.73vw;
    line-height: 0.94vw;
  }
}
.f__for__day__hour.ex svg, .f__for__day__hour:hover svg {
  --svg-clr: var(--c14);
}
.f__for__day__hour.ex p, .f__for__day__hour:hover p {
  opacity: 1;
}
@media (min-width: 360px) {
  .f__for__day__hour.ex:before, .f__for__day__hour:hover:before {
    opacity: 1;
    width: 80%;
  }
  .f__for__day__hour.ex svg, .f__for__day__hour:hover svg {
    transform: translateY(-1vw);
  }
}
.f__links {
  grid-column: 1/span 2;
}
@media (min-width: 768px) {
  .f__links {
    display: grid;
    grid-template-columns: 33rem 33rem;
    justify-content: space-between;
    padding: 3vh 7.8vw;
    overflow: auto;
  }
}
@media (min-width: 768px) and (max-height: 749px) and (min-width: 1200px) {
  .f__links {
    justify-content: center;
    gap: 5rem;
  }
}
@media (min-width: 768px) and (min-height: 750px) and (min-width: 768px) {
  .f__links {
    padding: 3vh 5%;
  }
}
@media (min-width: 1920px) {
  .f__links {
    grid-template-columns: 17.2vw 17.2vw;
  }
}
@media (max-height: 749px) and (min-width: 1500px) {
  .f__links {
    grid-template-columns: 1fr 1fr;
  }
}
.f__main_links {
  display: flex;
  flex-flow: column;
  gap: 2rem;
  padding: 7vw 10vw;
}
@media (min-width: 768px) {
  .f__main_links {
    padding: 0;
    gap: 1.5vh;
  }
}
@media (max-height: 749px) and (min-width: 1500px) {
  .f__main_links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-self: start;
    row-gap: 2vw;
  }
}
.f__main_links a {
  font-size: 1.8rem;
  letter-spacing: 0.15rem;
  line-height: 2.4rem;
  font-family: var(--font-family-2);
  color: #8C8279;
}
@media (min-width: 600px) {
  .f__main_links a {
    font-size: 3vw;
    line-height: 4vw;
    letter-spacing: 0.25vw;
  }
}
@media (min-width: 768px) {
  .f__main_links a {
    font-size: 2.1rem;
    line-height: 2.8rem;
    letter-spacing: 0.175rem;
    width: fit-content;
  }
}
@media (min-width: 1920px) {
  .f__main_links a {
    font-size: 1.1vw;
    line-height: 1.46vw;
    letter-spacing: 0.09vw;
  }
}
.f__main_links a:hover {
  color: #6E6259;
  transform: scale(1.1);
}
.f__news {
  display: flex;
  flex-flow: column;
  gap: 1.2rem;
  padding: 3vw 10vw;
}
@media (min-width: 768px) {
  .f__news {
    padding: 0;
  }
}
@media (max-height: 749px) and (min-width: 1500px) {
  .f__news {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-self: start;
    column-gap: 2vw;
  }
  .f__news .links {
    grid-row: 1/span 3;
    grid-column: 2/span 1;
  }
}
.f__news p {
  color: #8C8279;
}
.f__news p:nth-child(1) {
  font-size: 2.1rem;
  letter-spacing: 0.175rem;
  line-height: 2.6rem;
  font-family: var(--font-family-2);
}
@media (min-width: 1920px) {
  .f__news p:nth-child(1) {
    font-size: 1.1vw;
    line-height: 1.46vw;
    letter-spacing: 0.09vw;
  }
}
.f__news p:nth-child(2) {
  font-size: 1.4rem;
  line-height: 2.4rem;
}
@media (min-width: 1920px) {
  .f__news p:nth-child(2) {
    font-size: 0.73vw;
    line-height: 1.25vw;
  }
}
.f__news .gform_confirmation_message {
  color: #9D968D;
}
.f__news .gform_wrapper {
  margin: 0;
}
.f__news .gform_wrapper .gfield,
.f__news .gform_wrapper .top_label div.ginput_container,
.f__news .gform_wrapper .gform_footer {
  display: block;
  margin: 0;
  padding: 0;
}
.f__news .gform_wrapper .gform_heading,
.f__news .gform_wrapper .top_label .gfield_label,
.f__news .gform_wrapper .gfield_required {
  display: none;
}
.f__news .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
  max-width: 100% !important;
}
.f__news .gform_wrapper ul.gform_fields li.gfield {
  padding: 0;
}
.f__news .gform_wrapper form {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .f__news .gform_wrapper form {
    margin-bottom: 1rem;
  }
}
.f__news .gform_wrapper form .gform_body input {
  height: 4.5rem;
  border: none;
}
.f__news .gform_wrapper form .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  margin-bottom: 1.5rem;
  border: solid 0.1rem #8C8279;
  font-family: var(--font-family);
  padding-left: 2rem;
  font-size: 1.2rem;
  line-height: 1.9rem;
  width: 100%;
}
@media (min-width: 1920px) {
  .f__news .gform_wrapper form .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: 0.63vw;
    line-height: 0.73vw;
  }
}
.f__news .gform_wrapper form .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::placeholder {
  text-transform: uppercase;
}
.f__news .gform_wrapper form .gform_footer input {
  width: 100%;
  height: 4.5rem;
  border: none;
}
.f__news .gform_wrapper form .gform_footer input[type=submit] {
  background: #6E6259;
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: var(--font-family);
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.9rem;
  cursor: pointer;
}
@media (min-width: 1920px) {
  .f__news .gform_wrapper form .gform_footer input[type=submit] {
    font-size: 0.73vw;
    line-height: 0.94vw;
  }
}
.f__news .links {
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  margin-bottom: 3rem;
}
@media (min-width: 360px) {
  .f__news .links {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .f__news .links {
    gap: 1vh;
  }
}
.f__news .links a {
  display: block;
  color: #8C8279;
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 0.6rem 0;
  width: fit-content;
}
.f__news .links a:hover {
  color: #6E6259;
  transform: scale(1.1);
}
@media (min-width: 768px) {
  .f__news .links a {
    font-size: 1.4rem;
    line-height: 1.7rem;
    font-family: var(--font-family);
  }
}
@media (min-width: 1920px) {
  .f__news .links a {
    font-size: 0.73vw;
    line-height: 0.9vw;
  }
}
.f__con {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .f__con {
    min-width: 100vw;
  }
}
@media (min-width: 1920px) {
  .f__con {
    transform: none;
  }
}
.f__con:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
  top: 0;
  left: 0;
  z-index: 5;
}
.f__con.base_grid {
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .f__con.base_grid {
    padding-bottom: 8rem;
    min-height: 100vh;
    align-content: start;
    padding-top: 5vh;
  }
}
.f__con li,
.f__con p,
.f__con a {
  font-size: 1.62rem;
  line-height: 2.52rem;
  color: #FFFFFF;
  margin-bottom: 0;
}
.f__con li strong,
.f__con p strong,
.f__con a strong {
  font-weight: 600;
}
@media (min-width: 600px) {
  .f__con li,
.f__con p,
.f__con a {
    font-size: 2.7vw;
    line-height: 4.2vw;
  }
}
@media (min-width: 768px) {
  .f__con li,
.f__con p,
.f__con a {
    font-size: 1.62rem;
    line-height: 2.52rem;
    font-family: var(--font-family);
  }
  .f__con li strong,
.f__con p strong,
.f__con a strong {
    font-family: var(--font-family);
  }
}
@media (min-width: 1920px) {
  .f__con li,
.f__con p,
.f__con a {
    font-size: 0.85vw;
    line-height: 1.315vw;
  }
}
.f__con a:hover {
  color: #D8D8D8;
}
.f ul {
  list-style-type: none;
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 430px) {
  .f ul {
    gap: 3.6rem;
    margin-bottom: 0;
  }
}
@media (min-width: 600px) {
  .f ul {
    gap: 6vw;
  }
}
@media (min-width: 768px) {
  .f ul {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 7.5rem;
    row-gap: 1rem;
  }
}
@media (max-height: 749px) {
  .f ul:nth-of-type(1) {
    grid-template-columns: 1fr;
  }
  .f ul:nth-of-type(1) li {
    grid-column: 1/span 1;
  }
}
@media (max-height: 749px) {
  .f ul:nth-of-type(2) {
    grid-template-columns: 1fr;
  }
}
@media (max-height: 749px) and (min-width: 1300px) {
  .f ul:nth-of-type(2) {
    grid-template-columns: auto 1fr;
  }
}
.f ul li:not(.f__loc) {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
@media (min-width: 360px) {
  .f ul li:not(.f__loc) {
    display: grid;
    grid-template-columns: 32vw 1fr;
    column-gap: 3vw;
  }
}
@media (min-width: 768px) {
  .f ul li:not(.f__loc) {
    display: grid;
    grid-template-columns: 14rem 17rem 1fr;
    column-gap: 1rem;
  }
}
@media (min-width: 1920px) {
  .f ul li:not(.f__loc) {
    display: grid;
    grid-template-columns: 7vw 9vw 1fr;
    column-gap: 1rem;
  }
}
.f ul li:not(.f__loc) > *:last-child {
  grid-column: 1/span 2;
}
@media (min-width: 768px) {
  .f ul li:not(.f__loc) > *:last-child {
    grid-column: unset;
  }
}
@media (min-width: 768px) {
  .f ul li {
    grid-column: 1/span 2;
  }
  .f ul li.no_num {
    grid-column: unset;
    display: flex;
    flex-flow: column;
    gap: 0rem;
  }
}
.f__loc {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
.f__loc p:last-child {
  display: flex;
  gap: 1rem;
}
.f__loc p:last-child svg {
  --size: 2.5rem;
  position: relative;
  --svg-clr: var(--cw);
}
@media (min-width: 768px) {
  .f__loc {
    flex-flow: row;
    gap: 6rem;
  }
  .f__loc p:nth-child(2) {
    padding-left: 1.5rem;
  }
}
.f .t {
  position: relative;
  z-index: 5;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .f .t {
    grid-column: 6/span 25;
  }
}
@media (min-width: 768px) {
  .f .t {
    grid-column: 2/span 25;
  }
}
@media (min-width: 768px) and (max-height: 749px) and (min-width: 1200px) {
  .f .t {
    display: grid;
    grid-template-columns: 60rem 1fr;
    column-gap: 5rem;
    align-items: start;
  }
}
@media (min-width: 768px) and (max-height: 749px) and (max-width: 1200px) {
  .f .t {
    grid-column: 2/span 25;
    padding: 0 2vw;
  }
}
@media (min-width: 768px) {
  .f .t .logo {
    width: 31.2rem;
    height: 11.2rem;
    margin-bottom: 4vh;
    margin-left: 3rem;
  }
  .f .t .logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (max-height: 749px) {
  .f .t .logo {
    grid-column: 1/span 2;
    width: 15.6rem;
    height: 5.6rem;
  }
}
.f .b {
  padding-top: 3rem;
  position: relative;
  z-index: 5;
  font-size: 1.4rem;
  line-height: 2.8rem;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .f .b {
    grid-column: 2/span 31;
  }
}
@media (min-width: 768px) {
  .f .b {
    position: absolute;
    width: 100%;
    bottom: 0;
    grid-column: 2/span 26;
    padding-bottom: 2rem;
  }
}
.f .b p {
  font-size: 1.4rem;
  line-height: 2.8rem;
}
@media (min-width: 600px) {
  .f .b p {
    font-size: 2.34vw;
    line-height: 4.7vw;
  }
}
@media (min-width: 768px) {
  .f .b p {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 1920px) {
  .f .b p {
    font-size: 0.73vw;
    line-height: 1.46vw;
  }
}
.f .b .l {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .f .b .l {
    padding-bottom: 0;
    transform: translateY(calc(-3rem * var(--pr)));
  }
  .f .b .l br {
    display: none;
  }
}
.f .b .webmaster {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem 0;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
@media (min-width: 360px) {
  .f .b .webmaster {
    position: absolute;
    right: 0;
    bottom: 2rem;
    padding-top: 1rem;
    align-items: flex-end;
    flex-flow: column-reverse;
  }
}
@media (min-width: 600px) {
  .f .b .webmaster {
    font-size: 2.34vw;
    line-height: 4.7vw;
  }
}
@media (min-width: 768px) {
  .f .b .webmaster {
    right: 3rem;
    flex-flow: row;
    align-items: end;
    justify-content: end;
    font-size: 1.4rem;
    line-height: 2.8rem;
    transition: none;
  }
}
@media (min-width: 1600px) {
  .f .b .webmaster {
    right: 3rem;
    transform: translateX(calc(var(--pr) * var(--max-slide) * -1));
  }
}
@media (min-width: 1920px) {
  .f .b .webmaster {
    font-size: 0.73vw;
    line-height: 1.46vw;
  }
}
.f .b .webmaster img {
  margin: 0 0 0.5rem 1rem;
}
.f .logo {
  width: 100%;
  display: block;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .f .logo {
    min-width: 15rem;
    margin-bottom: 7.5rem;
  }
}
.f .bg-holder {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .f .bg-holder {
    transform: translateX(calc(var(--pr) * -25%));
  }
}
@media (min-width: 768px) and (max-height: 749px) and (max-width: 1200px) {
  .f .bg-holder {
    transform: translateX(calc(var(--pr) * -25% - var(--pr) * 10rem));
    overflow: visible;
  }
}
.f .bg-holder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-height: 700px) and (max-width: 1200px) {
  .f .bg-holder img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% + 20rem);
    max-width: calc(100% + 20rem);
  }
}

/* -------------------------- *\
    by A.Alexandrov
    .plain_text
    .small_text
\* -------------------------- */
p .br, li .br {
  display: block;
  height: 2rem;
}
@media (min-width: 768px) {
  p .br, li .br {
    height: 2vw;
  }
}

.text--su span {
  text-transform: uppercase;
}

span.uppc {
  text-transform: uppercase;
}

.text--1,
.text--2,
.text--3 {
  color: #6E6259;
}
.text--1 span,
.text--2 span,
.text--3 span {
  color: #5A7B7D;
}
.text--1 a,
.text--2 a,
.text--3 a {
  color: #5A7B7D;
}
.text--1 a:hover,
.text--2 a:hover,
.text--3 a:hover {
  color: #004432;
}

.text--1 {
  font-family: var(--font-family);
}

.text--2 {
  font-family: var(--font-family-2);
}

.text--3 {
  font-family: var(--font-family);
}
@media (min-width: 768px) {
  .text--3 {
    font-family: var(--font-family);
  }
}
.text--3 span {
  font-family: var(--font-family);
}
.text--3 em {
  font-family: var(--font-family);
}
.text--3 strong {
  font-weight: 600;
}

.text--t1 {
  font-size: 2.8rem;
  letter-spacing: 0.088rem;
  line-height: 3.8rem;
}
@media (min-width: 600px) {
  .text--t1 {
    font-size: 4.2vw;
    letter-spacing: 0.15vw;
    line-height: 6.35vw;
  }
}
@media (min-width: 768px) {
  .text--t1 {
    font-size: 2.5vw;
    letter-spacing: 0.08vw;
    line-height: 3.03vw;
    margin-bottom: 0;
  }
}

.text--t2 {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 2.8rem;
}
@media (min-width: 600px) {
  .text--t2 {
    font-size: 2.35vw;
    letter-spacing: 0.0035vw;
    line-height: 4.66vw;
  }
}
@media (min-width: 768px) {
  .text--t2 {
    font-size: 1.6vw;
    letter-spacing: 0.01vw;
    line-height: 2.5vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .text--t2 {
    font-size: 1.1vw;
    letter-spacing: 0.019vw;
    line-height: 1.87vw;
  }
}

.text--t3 {
  font-size: 13.5vw;
  line-height: 15vw;
  text-transform: uppercase;
}
@media (min-width: 360px) {
  .text--t3 {
    font-size: 11.2vw;
    line-height: 12.6vw;
  }
}
@media (min-width: 768px) {
  .text--t3 {
    font-size: 6.25vw;
    line-height: 8.34vw;
  }
}
.text--t3 .sm {
  font-size: 0.6em;
  color: inherit;
}

.text--t4 {
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-weight: 300;
}
@media (min-width: 430px) {
  .text--t4 {
    font-size: 4.9vw;
    line-height: 5.8vw;
  }
}
@media (min-width: 768px) {
  .text--t4 {
    font-size: 2.5vw;
    line-height: 2.8vw;
  }
}

.text--t5 {
  font-size: 2.8rem;
  letter-spacing: 0.039rem;
  line-height: 3.4rem;
}

.text--t6 {
  font-size: 3.1rem;
  letter-spacing: 0.039rem;
  line-height: 3.4rem;
}
@media (min-width: 600px) {
  .text--t6 {
    font-size: 5.17vw;
    letter-spacing: 0.065vw;
    line-height: 5.7vw;
  }
}
@media (min-width: 768px) {
  .text--t6 {
    font-size: 5rem;
    letter-spacing: 0.06rem;
    line-height: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .text--t6 {
    font-size: 6rem;
    letter-spacing: 0.086rem;
    line-height: 7rem;
  }
}
@media (min-width: 1920px) {
  .text--t6 {
    font-size: 3.13vw;
    letter-spacing: 0.045vw;
    line-height: 3.65vw;
  }
}

.text--t7 {
  font-family: var(--font-family-2);
  font-size: 2.1rem;
  letter-spacing: 0.12rem;
  line-height: 3.1rem;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .text--t7 {
    font-size: 2.5vw;
    line-height: 3vw;
    letter-spacing: 0.01vw;
    font-weight: 300;
  }
}
@media (min-width: 1300px) {
  .text--t7 {
    font-size: 1.88vw;
    line-height: 2.4vw;
    letter-spacing: 0.01vw;
    font-weight: 300;
  }
}
.text--t7.text--1 {
  font-family: var(--font-family);
}

.text--t8 {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-family: var(--font-family);
  color: #8C8279;
  font-weight: 300;
}
.text--t8.text--2 {
  font-family: var(--font-family-2);
}
@media (min-width: 768px) {
  .text--t8 {
    font-size: 2.4rem;
    line-height: 2.9rem;
  }
}
@media (min-width: 1920px) {
  .text--t8 {
    font-size: 1.25vw;
    line-height: 1.77vw;
  }
}

.text--t9 {
  font-size: 3rem;
  justify-self: center;
  font-family: var(--font-family-2);
  color: #FFFFFF;
}
@media (min-width: 360px) {
  .text--t9 {
    grid-column: 1/span 2;
    justify-self: start;
    font-size: 4.5rem;
    line-height: 4.6rem;
    position: relative;
    bottom: -1.5rem;
  }
}
@media (min-width: 430px) {
  .text--t9 {
    font-size: 10.5vw;
    line-height: 8vw;
    bottom: -1.4vw;
  }
}
@media (min-width: 768px) {
  .text--t9 {
    font-size: 8rem;
    line-height: 7rem;
    bottom: -1.2rem;
  }
}
@media (min-width: 1200px) {
  .text--t9 {
    font-size: 12rem;
    line-height: 9rem;
    bottom: -0.5vw;
    grid-column: unset;
  }
}

.text--t10 {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 2.4rem;
  color: #6E6259;
}
@media (min-width: 600px) {
  .text--t10 {
    font-size: 2.35vw;
    letter-spacing: 0.04vw;
    line-height: 4vw;
  }
}
@media (min-width: 768px) {
  .text--t10 {
    font-size: 1.8vw;
    letter-spacing: 0.001vw;
    line-height: 2.6vw;
  }
}
@media (min-width: 1200px) {
  .text--t10 {
    font-size: 0.94vw;
    letter-spacing: 0.016vw;
    line-height: 1.46vw;
  }
}

.text--t11 {
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
  line-height: 2.4rem;
  margin: 0;
  color: #6E6259;
  font-family: var(--font-family-2);
}
.text--t11.text--1 {
  font-family: var(--font-family);
}
@media (min-width: 1920px) {
  .text--t11 {
    font-size: 0.94vw;
    line-height: 1.25vw;
    letter-spacing: 0.006vw;
  }
}

.text--t12 {
  font-size: 1.4rem;
  letter-spacing: 0.01rem;
  line-height: 2.3rem;
  color: #6E6259;
}
@media (min-width: 768px) {
  .text--t12 {
    font-size: 1.2rem;
    line-height: 2.6rem;
    letter-spacing: 0.02rem;
  }
}
@media (min-width: 1024px) {
  .text--t12 {
    font-size: 1.4rem;
    line-height: 3rem;
    letter-spacing: 0.021rem;
  }
}
@media (min-width: 1200px) {
  .text--t12 {
    font-size: 1.6rem;
    line-height: 2.2rem;
    letter-spacing: 0.023rem;
  }
}
@media (min-width: 1920px) {
  .text--t12 {
    font-size: 0.83vw;
    line-height: 1.1vw;
    letter-spacing: 0.0012vw;
  }
}

.head_top {
  text-align: right;
  color: #8C8279;
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-weight: 300;
  grid-column: 1/span 1;
  align-self: end;
  margin: 0;
}
@media (min-width: 430px) {
  .head_top {
    font-size: 5vw;
    line-height: 5.8vw;
  }
}
@media (min-width: 768px) {
  .head_top {
    font-size: 3.8rem;
    line-height: 4.8rem;
  }
}
@media (min-width: 1200px) {
  .head_top {
    font-size: 2.5vw;
    line-height: 3.02vw;
  }
}

.title {
  text-align: right;
  color: #EAE6E0;
  font-weight: 400;
  grid-column: 1/span 1;
  margin: 0;
  text-transform: uppercase;
}

.title_side {
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #8C8279;
  grid-row: 1/span 2;
  grid-column: 2/span 1;
  font-weight: 300;
  display: block;
  margin: 0;
  align-self: stretch;
}
@media (min-width: 360px) {
  .title_side {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    font-size: 3.3vw;
    line-height: 4.2vw;
    height: 30vw;
  }
}
@media (min-width: 768px) {
  .title_side {
    font-size: 1.8rem;
    line-height: 2rem;
    height: 18rem;
  }
}
@media (min-width: 1200px) {
  .title_side {
    font-size: 2.1rem;
    line-height: 2.5rem;
    height: 20rem;
  }
}
@media (min-width: 1700px) {
  .title_side {
    font-size: 1.1vw;
    line-height: 1.3vw;
    height: 8.5vw;
    align-self: center;
  }
}

.font_1 {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 2.8rem;
  color: #6E6259;
  font-family: var(--font-family);
}
.font_1 span {
  color: #5A7B7D;
  font-family: var(--font-family);
  font-weight: 600;
}
@media (min-width: 360px) {
  .font_1 {
    font-size: 3.25vw;
    letter-spacing: 0.047vw;
    line-height: 6.46vw;
  }
}
@media (min-width: 768px) {
  .font_1 {
    font-size: 1.9vw;
    letter-spacing: 0.02vw;
    line-height: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .font_1 {
    font-size: 1.1vw;
    line-height: 1.88vw;
    letter-spacing: 0.017vw;
    margin-top: 2.5vw;
    margin-bottom: 0;
  }
  .font_1:last-of-type {
    margin-bottom: 0;
  }
}

.font_2 {
  font-size: 2.4rem;
  letter-spacing: 0.07rem;
  line-height: 3rem;
  color: #6E6259;
  font-family: var(--font-family-2);
  margin-bottom: 0;
}
.font_2 span {
  color: #5A7B7D;
}
@media (min-width: 360px) {
  .font_2 {
    font-size: 6.52vw;
    line-height: 8.85vw;
    letter-spacing: 0.205vw;
  }
}
@media (min-width: 768px) {
  .font_2 {
    font-size: 3.5vw;
    line-height: 4vw;
    letter-spacing: 0.1vw;
  }
}
@media (min-width: 1200px) {
  .font_2 {
    font-size: 2.5vw;
    line-height: 3.03vw;
    letter-spacing: 0.078vw;
  }
}

.font_3 {
  font-size: 2rem;
  line-height: 2.5rem;
  color: #6E6259;
  font-family: var(--font-family-2);
  margin-bottom: 0;
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .font_3 {
    font-size: 2.8rem;
    line-height: 3.4rem;
    letter-spacing: 0.088rem;
  }
}

.font_4 {
  font-size: 4rem;
  line-height: 4.1rem;
  color: #8C8279;
  font-family: var(--font-family-2);
  margin-bottom: 0;
  margin-top: 1rem;
}
@media (min-width: 1200px) {
  .font_4 {
    font-size: 6rem;
    letter-spacing: 0.086rem;
    line-height: 7rem;
  }
}

.font_5 {
  font-size: 2.8rem;
  line-height: 3.5rem;
  color: #6E6259;
  font-family: var(--font-family-2);
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .font_5 {
    font-size: 3.6rem;
    letter-spacing: 0.02rem;
    line-height: 4.6rem;
  }
}

@media (min-width: 768px) {
  .plain_text .shell h2 {
    margin-bottom: 2.5vw;
    grid-column: 2/span 12;
    padding-right: 1vw;
  }
}
.plain_text .text--t2 {
  margin-bottom: 1rem;
}
.plain_text .squ_bull .text--t2 {
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .plain_text__text {
    column-count: 2;
    column-gap: 5vw;
  }
  .plain_text__text > * {
    overflow: hidden;
  }
  .plain_text__text > div {
    margin-bottom: 2vw;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .plain_text__text > * {
    margin-bottom: 3rem;
  }
  .plain_text__text ul {
    padding-left: 2.5rem;
  }
  .plain_text__text ul li:before {
    left: -2.5rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.page-id-1087 .plain_text {
  padding: 0;
}
@media (min-width: 768px) {
  .page-id-1087 .plain_text h2 {
    margin-bottom: 0;
  }
}
.page-id-1087 .text_image_0 {
  margin-bottom: 0;
}
.page-id-1087 .about--4 .about__top {
  padding: 0;
}
.page-id-1087 .about--4 .about__top .about__img {
  margin: 0;
}

.small_text p {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 2.4rem;
  color: #6E6259;
}
@media (min-width: 1200px) {
  .small_text p {
    max-width: 45%;
  }
}
@media (min-width: 1920px) {
  .small_text p {
    font-size: 0.73vw;
    letter-spacing: 0.0055vw;
    line-height: 1.25vw;
  }
}
.small_text .shell div {
  border-bottom: solid 0.1rem #CDC9C1;
}
@media (min-width: 768px) {
  .small_text .shell div {
    padding-bottom: 4vw;
  }
}

.squ_bull {
  padding-left: 2rem;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 360px) {
  .squ_bull {
    padding-left: 2.5rem;
  }
}
@media (min-width: 1600px) {
  .squ_bull {
    padding-left: 4.5rem;
  }
}
.squ_bull li {
  position: relative;
}
.squ_bull li:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  background: #779a9c;
  left: -2.5rem;
  top: 0.5rem;
}
@media (min-width: 1600px) {
  .squ_bull li:before {
    left: -4.5rem;
  }
}
.squ_bull.squ_bull--comp {
  gap: 1rem;
}
@media (min-width: 430px) {
  .squ_bull.squ_bull--two {
    display: block;
    column-count: 2;
    column-gap: 2vw;
  }
  .squ_bull.squ_bull--two > li {
    margin: 2rem;
  }
  .squ_bull.squ_bull--two.squ_bull--comp > li {
    margin: 1rem;
  }
}

/* -------------------------- *\
    .three_bubbles
\* -------------------------- */
.three_bubbles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 768px) {
  .three_bubbles {
    justify-content: start;
    margin-bottom: 2vw;
  }
}
.three_bubbles > div {
  cursor: pointer;
  user-select: none;
}
.three_bubbles > div, .three_bubbles > a {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  border-radius: 3.6rem;
  background: #F6F4F2;
  max-width: 21.3rem;
  width: 100%;
}
@media (min-width: 768px) {
  .three_bubbles > div, .three_bubbles > a {
    padding: 0 0.5vw;
    min-height: 8.8rem;
  }
}
@media (min-width: 1920px) {
  .three_bubbles > div, .three_bubbles > a {
    max-width: 11.1vw;
    min-height: 8.8rem;
  }
}
.three_bubbles > div p, .three_bubbles > a p {
  margin: 0;
  text-align: center;
}
.three_bubbles > div p:first-child, .three_bubbles > a p:first-child {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .three_bubbles > div p:first-child, .three_bubbles > a p:first-child {
    line-height: 2.6rem;
  }
}
@media (min-width: 1200px) {
  .three_bubbles > div p:first-child, .three_bubbles > a p:first-child {
    line-height: 1.35vw;
  }
}
.three_bubbles > div p:nth-child(2), .three_bubbles > a p:nth-child(2) {
  font-weight: 400;
}
/* -------------------------- *\
    .hor-slide
\* -------------------------- */
.hor_slide {
  width: 100%;
  --pr: 0;
  --sect-height: 100vh;
}
@media (height <= 50vw) {
  .hor_slide {
    --sect-height: 50vw;
  }
}
@media (max-width: 500px) {
  .hor_slide {
    padding: 0;
    margin-top: -12rem;
  }
}
@media (max-width: 1599px) {
  .hor_slide {
    padding: 0;
    margin-top: -8rem;
  }
}
.hor_slide .shell {
  max-width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: var(--sect-height) var(--track) 100vh;
  padding: 0;
}
@media (min-width: 1600px) {
  .hor_slide .shell {
    padding: 5vw 0 0 0;
  }
}
.hor_slide .empty {
  grid-row: 2/span 1;
  width: 0%;
}
.hor_slide .slide_top {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: 1vw;
  padding-bottom: 12vw;
}
@media (max-height: 750px) {
  .hor_slide .slide_top {
    padding-bottom: 2vh;
  }
}
@media (max-width: 1024px) {
  .hor_slide .slide_top {
    column-gap: 3vw;
    padding: 0 1.5rem 12vw 1.5rem;
  }
}
@media (min-width: 1200px) {
  .hor_slide .slide_top {
    padding-bottom: 1.6vw;
  }
}
@media (max-width: 359px) {
  .hor_slide .slide_top {
    grid-template-columns: 100%;
    grid-row-gap: 1rem;
  }
  .hor_slide .slide_top .title_side {
    grid-column: unset;
    grid-row: 3/span 1;
  }
}
@media (max-width: 767px) {
  .hor_slide .slide_top .head_top {
    position: relative;
    left: 1.2vw;
    top: -1.5vw;
  }
}
.hor_slide .slide_top .title {
  position: relative;
}
@media (max-width: 767px) {
  .hor_slide .slide_top .title {
    line-height: 11vw;
  }
}
@media (min-width: 1200px) {
  .hor_slide .slide_top .title {
    top: -1vw;
  }
}
.hor_slide .slide_top .title_side {
  position: relative;
}
@media (max-width: 767px) {
  .hor_slide .slide_top .title_side {
    left: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .hor_slide .slide_top .title_side {
    top: -2.4vw;
  }
}
.hor_slide .sliding_gal {
  max-width: 100%;
  overflow: hidden;
  position: sticky;
  padding: 0 7.815vw 1vh 7.815vw;
  top: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  min-height: var(--sect-height);
  height: fit-content;
}
@media (min-width: 1025px) and (height <= 50vw) {
  .hor_slide .sliding_gal {
    top: calc(100vh - 50vw);
  }
}
@media (max-width: 1024px) {
  .hor_slide .sliding_gal {
    padding: 0 3vw;
    top: 0vw;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .hor_slide .sliding_gal {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
.hor_slide .sliding_gal > div:not(.slide_top) {
  position: relative;
  display: flex;
  gap: 5vw;
  align-items: center;
  min-width: fit-content;
  left: calc(var(--pr) * 100%);
  transform: translateX(calc(var(--pr) * -100%));
}
@media (max-width: 1024px) {
  .hor_slide .sliding_gal > div:not(.slide_top) {
    gap: 8.2vw;
  }
}
@media (max-width: 600px) {
  .hor_slide .sliding_gal > div:not(.slide_top) {
    gap: 15.2vw;
    padding: 0 10vw 10vw 12vw;
  }
}
@media (min-width: 1200px) {
  .hor_slide .sliding_gal > div:not(.slide_top) {
    padding-left: 0.5rem;
    gap: 6.5vw;
  }
}
.hor_slide .gal_slide {
  position: relative;
  display: block;
}
.hor_slide .gal_slide figure {
  height: unset;
}
.hor_slide .gal_slide figure img {
  width: 100%;
}
@media (max-width: 767px) {
  .hor_slide .gal_slide .arrow_link {
    display: none;
  }
}
.hor_slide .gal_slide > p {
  position: absolute;
  display: block;
  font-size: 3.125vw;
  line-height: 3vw;
  letter-spacing: 0.15vw;
  font-weight: 400;
  color: #CDC9C1;
  width: max-content;
  filter: drop-shadow(0 0.2rem 0.1rem rgba(0, 0, 0, 0.5));
  margin: 0;
  bottom: 1rem;
  left: 0;
}
@media (max-width: 1024px) {
  .hor_slide .gal_slide > p {
    font-size: 4vw;
  }
}
@media (max-width: 600px) {
  .hor_slide .gal_slide > p {
    font-size: 7vw;
  }
}
@media (min-width: 768px) {
  .hor_slide .gal_slide > p {
    letter-spacing: 0.01vw;
  }
}
.hor_slide .gal_slide.slide_ver {
  min-width: 26.1vw;
}
@media (max-width: 1024px) {
  .hor_slide .gal_slide.slide_ver {
    min-width: 38.5vw;
  }
}
@media (max-width: 600px) {
  .hor_slide .gal_slide.slide_ver {
    min-width: 60.5vw;
  }
}
.hor_slide .gal_slide.slide_ver > p {
  transform-origin: top left;
  transform: translate(-2vw, 2vw) rotate(-90deg);
}
.hor_slide .gal_slide.slide_hor {
  min-width: 27.1vw;
}
@media (max-width: 1024px) {
  .hor_slide .gal_slide.slide_hor {
    min-width: 45.8vw;
  }
}
@media (max-width: 600px) {
  .hor_slide .gal_slide.slide_hor {
    min-width: 69.8vw;
  }
}
@media (min-width: 1200px) {
  .hor_slide .gal_slide.slide_hor {
    position: relative;
    bottom: 1vw;
  }
}
.hor_slide .gal_slide.slide_hor > p {
  transform-origin: bottom left;
  transform: translate(-2.7vw, 1.5vw);
  left: -1rem;
}
@media (min-width: 1200px) {
  .hor_slide .gal_slide.slide_hor figure img {
    height: 19vw;
    width: 30vw;
    max-width: unset;
  }
}

/* -------------------------- *\
    .about
    .about__extra
    .con_text
    .about__bottom
    .about--2_ver1
    .about--2_ver2
    .about--3
    .about--4
    .about_5
    .about_6
    .gray_buble
\* -------------------------- */
.about {
  padding-top: 4rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .about {
    padding-bottom: 1.5rem;
  }
  .about + .about__popup + .awards, .about + .awards {
    margin-top: 9vw;
  }
}
@media (min-width: 768px) {
  .about {
    overflow: visible;
  }
  .about + .about {
    margin-top: 2vw;
  }
  .about + .about__popup + .awards {
    margin-top: 5vw;
  }
}
.about .shell {
  grid-template-rows: 1fr;
}
@media (min-width: 768px) {
  .about .shell {
    grid-template-rows: 5.5vw;
  }
}
.about .shell h2 {
  margin-bottom: 0;
  margin-top: 4.5rem;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .about .shell h2 {
    grid-row: 2/span 1;
    grid-column: 15/span 12;
    padding-left: 1.6vw;
    margin-top: 1.8vw;
    margin-bottom: 2vw;
  }
}
.about .gray_buble {
  grid-row: 5/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .about .gray_buble {
    grid-row: 4/span 1;
    grid-column: 5/span 28;
    justify-self: start;
    column-gap: 3vw;
  }
  .about .gray_buble:before {
    left: 50%;
  }
}
@media (min-width: 768px) {
  .about .gray_buble {
    grid-row: 3/span 1;
    grid-column: 21/span 6;
  }
}
@media (min-width: 1200px) {
  .about .gray_buble {
    padding: 0.78vw 1.63vw;
    column-gap: 2.8vw;
  }
}
.about__rect {
  grid-row: 1/span 1;
  grid-column: 1/span 3;
  z-index: 0;
  display: block;
  width: 50%;
  height: 100%;
  background: #F6F4F2;
}
@media (min-width: 360px) {
  .about__rect {
    grid-row: 1/span 1;
    grid-column: 1/span 18;
    width: calc(100% - 1vw);
  }
}
@media (min-width: 768px) {
  .about__rect {
    grid-row: 1/span 3;
    grid-column: 1/span 7;
    width: calc(100% - 2.5vw);
    height: calc(100% + 2vw);
  }
}
.about__top {
  grid-row: 1/span 1;
  grid-column: 1/span 3;
  position: relative;
  z-index: 10;
  padding: 5vw;
}
@media (min-width: 360px) {
  .about__top {
    grid-row: 1/span 1;
    grid-column: 5/span 24;
    padding: 12vw 0 15vw 0;
  }
}
@media (min-width: 768px) {
  .about__top {
    grid-row: 2/span 2;
    grid-column: 2/span 11;
    padding: 0 0 0 0.5vw;
  }
}
.about__top iframe {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 50vw;
}
@media (min-width: 768px) {
  .about__top iframe {
    height: 30vw;
  }
}
@media (min-width: 1200px) {
  .about__top iframe {
    height: 22vw;
  }
}
.about__img {
  position: relative;
  z-index: 10;
  width: 82.5vw;
  height: 53.7vw;
}
@media (min-width: 360px) {
  .about__img {
    margin-top: 7vw;
    width: 100%;
    height: 32rem;
  }
}
@media (min-width: 768px) {
  .about__img {
    margin-top: 0;
    top: 0;
    width: 36.8vw;
    height: 24vw;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .about .about__img {
    position: sticky;
    top: 10vh;
  }
  .about .about__img img {
    transform: translate(0, calc(-15% + var(--progress) * 30% - 1rem)) scale(1.1);
  }
}
.about__rot {
  --offsetX: 0;
  position: absolute;
  top: 5vw;
  right: 0;
  transform: translate(var(--offsetX), -50%);
  animation: 10s infinite normal rotate;
  animation-timing-function: linear;
  width: 10rem;
  height: 10rem;
}
@keyframes rotate {
  from {
    transform: translate(var(--offsetX), -50%) rotate(360deg);
  }
  to {
    transform: translate(var(--offsetX), -50%) rotate(0deg);
  }
}
@media (min-width: 360px) {
  .about__rot {
    top: 19vw;
    --offsetX: 50%;
  }
}
@media (min-width: 768px) {
  .about__rot {
    top: 0;
    width: 16rem;
    height: 16rem;
  }
}
.about__text {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
  margin-bottom: 2.5rem;
}
@media (min-width: 360px) {
  .about__text {
    grid-row: 3/span 1;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .about__text {
    grid-row: 3/span 1;
    grid-column: 15/span 12;
    padding: 0.5vw 0.7vw 0 1.6vw;
    margin-bottom: 1.5vw;
  }
}
.about__text > * {
  margin-bottom: 1.5vw;
}
.about__text > *:last-child {
  margin-bottom: 0;
}
.about__text h2 {
  font-size: 2.4rem;
  letter-spacing: 0.07rem;
  line-height: 3rem;
  color: #6E6259;
  font-family: var(--font-family-2);
}
.about__text h2 span {
  color: #5A7B7D;
}
@media (min-width: 360px) {
  .about__text h2 {
    font-size: 6.52vw;
    line-height: 8.85vw;
    letter-spacing: 0.205vw;
  }
}
@media (min-width: 768px) {
  .about__text h2 {
    font-size: 3.5vw;
    line-height: 4vw;
    letter-spacing: 0.1vw;
  }
}
@media (min-width: 1200px) {
  .about__text h2 {
    font-size: 2.5vw;
    line-height: 3.03vw;
    letter-spacing: 0.078vw;
    margin-bottom: 2vw;
  }
}
.about__text p {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 2.8rem;
  color: #6E6259;
  font-family: var(--font-family);
}
.about__text p span {
  color: #5A7B7D;
  font-family: var(--font-family);
  font-weight: 600;
}
@media (min-width: 360px) {
  .about__text p {
    font-size: 3.25vw;
    letter-spacing: 0.047vw;
    line-height: 6.46vw;
  }
}
@media (min-width: 768px) {
  .about__text p {
    font-size: 1.7vw;
    letter-spacing: 0.02vw;
    line-height: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .about__text p {
    font-size: 1.1vw;
    line-height: 1.88vw;
    letter-spacing: 0.013vw;
    margin-bottom: 1.8vw;
  }
}
@media (min-width: 1200px) {
  .about__text p:last-of-type {
    margin-bottom: 1.5rem;
  }
}
.about__link, .about__extra {
  justify-self: center;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .about__link, .about__extra {
    height: 3.8rem;
  }
}
.about__link {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .about__link {
    grid-row: 3/span 1;
    grid-column: 5/span 12;
  }
}
@media (min-width: 768px) {
  .about__link {
    grid-row: 3/span 1;
    grid-column: 15/span 4;
    align-self: center;
  }
}
.about__extra {
  font-weight: 600;
  color: #6E6259;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.2rem;
  width: fit-content;
  grid-row: 4/span 1;
  grid-column: 2/span 1;
  font-size: 1.4rem;
  line-height: 1.8rem;
}
@media (min-width: 600px) {
  .about__extra {
    grid-row: 3/span 1;
    grid-column: 18/span 15;
    justify-self: start;
    font-size: 2.35vw;
    line-height: 3vw;
  }
}
@media (min-width: 768px) {
  .about__extra {
    grid-row: 3/span 1;
    grid-column: 19/span 2;
    font-size: 1.4rem;
    line-height: 1.8rem;
    justify-self: center;
    align-self: center;
    margin-bottom: 0;
  }
}
@media (min-width: 1700px) {
  .about__extra {
    font-size: 0.74vw;
    line-height: 0.95vw;
  }
}
.about__video, .about__img_right {
  grid-row: 6/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .about__video, .about__img_right {
    grid-row: 5/span 1;
    grid-column: 5/span 29;
  }
}
.about__video {
  cursor: pointer;
  height: fit-content;
  position: relative;
}
.about__img_right {
  justify-self: end;
  max-width: 25rem;
  height: auto;
}
@media (max-width: 767px) {
  .about__img_right {
    position: relative;
    width: 100%;
    max-height: 15rem;
    margin: 0 auto;
  }
  .about__img_right figure {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .about__img_right figure.enlarge + .scroll_track {
    position: absolute;
    top: 0;
  }
}
@media (min-width: 1200px) {
  .about__img_right {
    max-width: 18.23vw;
    width: 18.23vw;
    height: 13.02vw;
  }
  .about__img_right figure {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .about .about__bottom {
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .about--video {
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .about--video .shell {
    grid-template-rows: auto;
  }
}
@media (min-width: 768px) {
  .about--video .shell h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 12;
    margin-bottom: 2.5vw;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .about--video .about__img {
    width: 40.5vw;
    height: 34vw;
  }
}
.about--video .about__text {
  margin-top: 0;
}
@media (min-width: 768px) {
  .about--video .about__text {
    grid-row: 2/span 1;
    grid-column: 2/span 12;
    padding: 0 1.2vw 0 0;
    margin-bottom: 1vw;
  }
}
@media (min-width: 768px) {
  .about--video .about__bottom {
    grid-row: 3/span 1;
    grid-column: 2/span 12;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .about--video .about__video, .about--video .about__img_right {
    grid-row: 2/span 3;
    grid-column: 15/span 12;
    width: 100%;
    height: 17vw;
  }
  .about--video .about__video figure.enlarge, .about--video .about__img_right figure.enlarge {
    --foX: 0;
    --foY: 0;
    height: 100%;
    width: 100%;
  }
  .about--video .about__video figure.enlarge + .scroll_track, .about--video .about__img_right figure.enlarge + .scroll_track {
    position: relative;
    height: 0.1rem;
    grid-row: 2/span 3;
    grid-column: 15/span 12;
  }
}
@media (min-width: 768px) {
  .about--video .about__img_right {
    align-self: center;
    transform: translate(-6vw, 0);
  }
}
@media (min-width: 1200px) {
  .about--video .about__img_right {
    transform: translate(-10vw, 0);
    height: 12vw;
  }
}
@media (min-width: 768px) {
  .about--video .about__link {
    grid-row: 3/span 1;
    grid-column: 2/span 3;
    min-width: 18.2rem;
  }
}
@media (min-width: 768px) {
  .about--video .about__extra {
    grid-row: 3/span 1;
    grid-column: 5/span 2;
  }
}
@media (min-width: 768px) {
  .about--video .about .gray_buble {
    grid-row: 3/span 1;
    grid-column: 7/span 7;
  }
}
@media (min-width: 768px) {
  .about--2 {
    padding-top: 0;
  }
}
.about--2 .shell {
  grid-template-rows: unset;
}
@media (min-width: 768px) {
  .about--2 .shell {
    row-gap: 1.6vw;
  }
}
.about--2 .shell h2 {
  display: flex;
  flex-flow: column;
  width: fit-content;
  color: #8C8279;
  gap: 0.6rem;
}
@media (min-width: 768px) {
  .about--2 .shell h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 16;
    display: grid;
    grid-template-columns: auto auto;
    height: fit-content;
    row-gap: 0.8vw;
    column-gap: 1vw;
    margin-bottom: 0;
    padding-top: 0.4vw;
    padding-left: 0;
  }
}
.about--2 .shell h2 .p1 {
  text-transform: uppercase;
  font-weight: 300;
}
@media (min-width: 768px) {
  .about--2 .shell h2 .p1 {
    grid-column: 1/span 2;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 1.84vw;
  }
}
.about--2 .shell h2 .p2 {
  text-transform: uppercase;
  font-family: var(--font-family-2);
}
@media (min-width: 768px) {
  .about--2 .shell h2 .p2 {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 4.7vw;
    position: relative;
  }
}
@media (min-width: 768px) {
  .about--2 .shell h2 .p2 > span {
    position: relative;
    top: -0.43vw;
  }
}
.about--2 .shell h2 .p3 {
  font-size: 2.1rem;
  line-height: 2.5rem;
  font-weight: 300;
  align-self: end;
}
@media (min-width: 430px) {
  .about--2 .shell h2 .p3 {
    font-size: 4.9vw;
    line-height: 5.8vw;
  }
}
@media (min-width: 768px) {
  .about--2 .shell h2 .p3 {
    font-size: 1.88vw;
    line-height: 2.3vw;
    align-self: end;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 1.57vw;
  }
}
.about--2 .shell h2 .letters_up span {
  transform: translateY(100%);
}
.about--2 .shell .about__img img,
.about--2 .shell .about__small_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 1199px) {
  .about--2 .shell .about__img {
    position: relative;
    top: 0;
  }
}
.about--2 .shell .about__img img {
  margin-top: 2rem;
}
.about--2 .shell .about__small_img {
  position: relative;
}
.about--2 .shell .about__small_img:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #F1F9F9;
  top: 0;
  left: 0;
  transition: height 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 10;
}
@media (min-width: 768px) {
  .about--2 .shell .about__text {
    padding-left: 0;
    margin-bottom: 2vw;
  }
}
.about--2 .shell.is-inview .letters_up > span {
  transform: translateY(0);
}
.about--2 .shell.is-inview .about__small_img:before {
  height: 0;
}
@media (min-width: 768px) {
  .about--2_ver1 + .testimonials {
    margin-top: 2vw;
  }
}
.about--2_ver1 .shell {
  position: relative;
  background: #F6F4F2;
}
.about--2_ver1 .shell > * {
  z-index: 10;
}
@media (min-width: 1200px) {
  .about--2_ver1 .shell:after {
    content: "";
    width: 100%;
    height: 5.4vw;
    position: absolute;
    background: #FFFFFF;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
}
.about--2_ver1 .shell:before {
  content: "";
  width: 100%;
  height: 3.7rem;
  position: absolute;
  background: #FFFFFF;
  top: 0;
  left: 0;
  z-index: 0;
}
@media (min-width: 430px) {
  .about--2_ver1 .shell:before {
    height: 10vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver1 .shell:before {
    height: 4.7vw;
  }
}
.about--2_ver1 .shell .about__img {
  grid-column: 2/span 1;
  width: 84.2vw;
  height: 53.7vw;
}
.about--2_ver1 .shell .about__img img {
  margin-top: 0;
}
@media (min-width: 360px) {
  .about--2_ver1 .shell .about__img {
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .about--2_ver1 .shell .about__img {
    grid-row: 2/span 2;
    grid-column: 2/span 16;
    width: 52.6vw;
    height: 33.55vw;
  }
}
.about--2_ver1 .shell .about__small_img {
  grid-column: 2/span 2;
  justify-self: end;
  width: 48.9vw;
  height: 28.9vw;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .about--2_ver1 .shell .about__small_img {
    transform: translate(0, 0) !important;
  }
}
@media (min-width: 360px) {
  .about--2_ver1 .shell .about__small_img {
    grid-column: 5/span 29;
  }
}
@media (min-width: 768px) {
  .about--2_ver1 .shell .about__small_img {
    grid-row: 1/span 1;
    grid-column: 20/span 7;
    width: 21.35vw;
    height: 12.3vw;
    transform: none;
    top: 2.2vw;
  }
}
.about--2_ver1 .shell .about__text {
  grid-row: unset;
  margin-top: 0;
}
@media (min-width: 768px) {
  .about--2_ver1 .shell .about__text {
    grid-row: 2/span 1;
    grid-column: 19/span 8;
    padding: 2vw 0 0 0;
    margin-bottom: 0;
  }
}
.about--2_ver1 .shell .about__text h3 {
  font-size: 2.1rem;
  letter-spacing: 0.012rem;
  line-height: 3.1rem;
  font-family: var(--font-family-2);
  color: #6E6259;
}
@media (min-width: 360px) {
  .about--2_ver1 .shell .about__text h3 {
    font-size: 4.9vw;
    letter-spacing: 0.003vw;
    line-height: 7.2vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver1 .shell .about__text h3 {
    font-size: 3vw;
    letter-spacing: 0.003vw;
    line-height: 4vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver1 .shell .about__text h3 {
    font-size: 1.88vw;
    letter-spacing: 0.001vw;
    line-height: 2.4vw;
    margin-bottom: 2vw;
  }
}
.about--2_ver1 .shell .about__text p:last-child {
  margin-bottom: 0;
}
.about--2_ver1 .shell .about__bottom {
  grid-row: unset;
}
@media (max-width: 360px) {
  .about--2_ver1 .shell .about__bottom {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) {
  .about--2_ver1 .shell .about__bottom {
    grid-row: 3/span 1;
    grid-column: 2/span 25;
    justify-content: start;
    padding-left: 0;
    margin-bottom: 0;
    align-self: end;
    row-gap: 1.7vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver1 .shell .about__bottom {
    grid-row: 3/span 1;
    grid-column: 19/span 8;
    row-gap: 1.7vw;
  }
}
@media (min-width: 1600px) {
  .about--2_ver1 .shell .about__bottom {
    row-gap: 3.7vw;
  }
}
.about--2_ver1 .shell .gray_buble {
  background: none;
}
@media (min-width: 768px) {
  .about--2_ver1 .shell .gray_buble {
    width: fit-content;
  }
}
@media (min-width: 1200px) {
  .about--2_ver1 .shell .gray_buble {
    width: 100%;
    padding: 1vw;
    column-gap: 2.4vw;
  }
}
@media (min-width: 1600px) {
  .about--2_ver1 .shell .gray_buble {
    padding: 0.78vw 1.83vw;
  }
}
@media (min-width: 1800px) {
  .about--2_ver1 .shell .gray_buble {
    width: 75%;
  }
}
@media (min-width: 360px) {
  .about--2_ver2 .shell h2, .about--2_ver3 .shell h2 {
    grid-row: 1/span 1;
    grid-column: 5/span 28;
    display: grid;
    column-gap: 3.5vw;
    grid-template-columns: auto auto;
    margin-bottom: 10vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell h2, .about--2_ver3 .shell h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 11;
    gap: 0.6vw;
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 .shell h2, .about--2_ver3 .shell h2 {
    margin-bottom: 0.2vw;
  }
}
@media (min-width: 360px) {
  .about--2_ver2 .shell h2 .p1, .about--2_ver3 .shell h2 .p1 {
    grid-column: 1/span 2;
    position: relative;
    top: 2.5vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell h2 .p1, .about--2_ver3 .shell h2 .p1 {
    top: 0;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell h2 .p2, .about--2_ver3 .shell h2 .p2 {
    position: relative;
    top: 0.5vw;
  }
}
.about--2_ver2 .shell h2 .p3, .about--2_ver3 .shell h2 .p3 {
  font-size: 2.8rem;
  line-height: 3.8rem;
  letter-spacing: 0.088rem;
  font-weight: 400;
  align-self: end;
  font-family: var(--font-family-2);
  position: relative;
  top: -0.5vw;
}
@media (min-width: 430px) {
  .about--2_ver2 .shell h2 .p3, .about--2_ver3 .shell h2 .p3 {
    font-size: 6.53vw;
    line-height: 8.9vw;
    top: 0.3vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell h2 .p3, .about--2_ver3 .shell h2 .p3 {
    font-size: 2.5vw;
    line-height: 2.8vw;
    display: flex;
    align-items: center;
    justify-content: start;
    height: 1.84vw;
    top: 0;
    left: 0.2vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 .shell h2 .p3, .about--2_ver3 .shell h2 .p3 {
    padding-left: 0.5vw;
    letter-spacing: 0.078vw;
  }
}
.about--2_ver2 .shell .about__img, .about--2_ver3 .shell .about__img {
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  width: 100%;
  height: 71.2vw;
}
@media (min-width: 360px) {
  .about--2_ver2 .shell .about__img, .about--2_ver3 .shell .about__img {
    grid-row: 2/span 1;
    grid-column: 5/span 29;
    justify-self: end;
    width: 77.3vw;
    height: 71.2vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell .about__img, .about--2_ver3 .shell .about__img {
    grid-row: 1/span 2;
    grid-column: 15/span 12;
    margin-top: 6vw;
    width: 40.57vw;
    height: 37.5vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 .shell .about__img, .about--2_ver3 .shell .about__img {
    grid-row: 1/span 4;
    grid-column: 15/span 12;
    margin-top: 7.8vw;
    justify-self: start;
  }
}
.about--2_ver2 .shell .about__small_img, .about--2_ver3 .shell .about__small_img {
  grid-row: 2/span 1;
  grid-column: 1/span 2;
  z-index: 10;
  align-self: end;
  justify-self: start;
  width: 21.65vw;
  height: 24.85vw;
  transform: translate(0, -1.5vw);
}
@media (min-width: 360px) {
  .about--2_ver2 .shell .about__small_img, .about--2_ver3 .shell .about__small_img {
    grid-row: 1/span 2;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell .about__small_img, .about--2_ver3 .shell .about__small_img {
    grid-row: 2/span 1;
    grid-column: 15/span 12;
    width: 11.36vw;
    height: 13.02vw;
    left: -2vw;
    top: -6vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 .shell .about__small_img, .about--2_ver3 .shell .about__small_img {
    grid-row: 1/span 4;
    grid-column: 15/span 12;
  }
}
.about--2_ver2 .shell .about__text, .about--2_ver3 .shell .about__text {
  grid-row: unset;
  margin-top: 9vw;
  margin-bottom: 8vw;
}
@media (min-width: 768px) {
  .about--2_ver2 .shell .about__text, .about--2_ver3 .shell .about__text {
    grid-row: 2/span 1;
    grid-column: 2/span 11;
    padding-right: 1vw;
    align-self: start;
    margin: 1vw 0;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 .shell .about__text, .about--2_ver3 .shell .about__text {
    margin-bottom: 0;
    padding-right: 2vw;
  }
}
.about--2_ver2 .shell .about__bottom, .about--2_ver3 .shell .about__bottom {
  grid-row: unset;
  justify-content: center;
}
@media (min-width: 360px) {
  .about--2_ver2 .shell .about__bottom, .about--2_ver3 .shell .about__bottom {
    row-gap: 11.5vw;
    justify-content: start;
  }
}
@media (min-width: 768px) {
  .about--2_ver2 .shell .about__bottom, .about--2_ver3 .shell .about__bottom {
    grid-row: 3/span 2;
    grid-column: 2/span 25;
    align-self: start;
    grid-row-gap: 3vw;
    padding-top: 3vw;
  }
  .about--2_ver2 .shell .about__bottom .gray_buble, .about--2_ver3 .shell .about__bottom .gray_buble {
    width: fit-content;
    column-gap: 5vw;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 .shell .about__bottom, .about--2_ver3 .shell .about__bottom {
    padding-top: 0;
    padding-left: 0;
    grid-row: 3/span 1;
    grid-column: 2/span 9;
    align-self: start;
    grid-row-gap: 3vw;
  }
  .about--2_ver2 .shell .about__bottom .gray_buble, .about--2_ver3 .shell .about__bottom .gray_buble {
    column-gap: 2.5vw;
  }
  .about--2_ver2 .shell .about__bottom .gray_buble:before, .about--2_ver3 .shell .about__bottom .gray_buble:before {
    left: 50%;
  }
  .about--2_ver2 .shell .about__bottom .arrow_link, .about--2_ver3 .shell .about__bottom .arrow_link {
    width: 9.5vw;
  }
  .about--2_ver2 .shell .about__bottom .arrow_link span, .about--2_ver3 .shell .about__bottom .arrow_link span {
    right: -0.7vw;
  }
}
.about--2_ver2 {
  padding-top: 2rem;
}
@media (max-width: 767px) {
  .about--2_ver2 .shell h2 {
    margin-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .about--2_ver2 {
    padding-top: 0;
  }
  .about--2_ver2 + .news {
    margin-top: 5.5vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver3 {
    padding-top: 1vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver3 .shell h2 {
    grid-template-columns: 1fr;
    padding-left: 0;
    margin-top: 0;
  }
  .about--2_ver3 .shell h2 .p3 {
    grid-row: 3/span 1;
    justify-self: end;
  }
}
@media (min-width: 1200px) {
  .about--2_ver3 .shell .about__img {
    grid-column: 16/span 11;
    width: 100%;
    height: 22.25vw;
    padding-left: 2vw;
    margin-top: 4.3vw;
  }
}
@media (min-width: 768px) {
  .about--2_ver3 .shell .about__text {
    grid-column: 2/span 11;
    margin-bottom: 0;
    margin-top: 3.5vw;
    padding-right: 2vw;
  }
}
@media (max-width: 359px) {
  .about--3 .about__img {
    margin: 0 auto;
  }
}
.about--3 .about__video {
  height: auto;
}
@media (min-width: 768px) {
  .about--3 .about__video figure {
    height: 27.2vw;
  }
}
@media (min-width: 768px) {
  .about--4 .shell {
    grid-template-rows: auto;
  }
}
@media (min-width: 768px) {
  .about--4 .shell h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 25;
    padding-left: 0;
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .about--4 .shell .about__text {
    grid-row: 2/span 1;
    align-self: center;
  }
}
@media (min-width: 768px) {
  .about--4 .shell .about__bottom {
    grid-row: 3/span 1;
    margin-bottom: 0;
    align-self: end;
  }
}

.gray_buble {
  grid-row: 5/span 1;
  grid-column: 2/span 1;
  background: #F6F4F2;
  border-radius: 2rem;
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
  padding: 1.5rem 2.5rem;
  position: relative;
}
@media (min-width: 360px) {
  .gray_buble {
    grid-row: 4/span 1;
    grid-column: 5/span 28;
    justify-self: start;
    width: 100%;
    border-radius: 3.6rem;
    grid-template-columns: 1fr 1fr;
    row-gap: 1rem;
    column-gap: 9vw;
    padding: 3.5vw 3vw;
  }
}
@media (min-width: 600px) {
  .gray_buble {
    width: fit-content;
  }
}
@media (min-width: 768px) {
  .gray_buble {
    grid-row: 3/span 1;
    grid-column: 21/span 6;
    padding: 1.5rem;
    height: auto;
    column-gap: 2vw;
  }
}
@media (min-width: 1200px) {
  .gray_buble {
    padding: 0.78vw 1.83vw;
    width: fit-content;
  }
}
.gray_buble:before {
  content: "";
  width: calc(100% - 5rem);
  height: 0.1rem;
  position: absolute;
  background: #6E6259;
  top: 50%;
  left: 2.5rem;
}
@media (min-width: 360px) {
  .gray_buble:before {
    width: 0.1rem;
    height: 10.5vw;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
  }
}
@media (min-width: 768px) {
  .gray_buble:before {
    width: 0.1rem;
    height: calc(100% - 1.56vw);
    transform: translateY(-50%);
  }
}
.gray_buble p {
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6E6259;
  font-weight: 600;
  text-align: center;
}
@media (min-width: 360px) {
  .gray_buble p:nth-child(1) {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
  }
  .gray_buble p:nth-child(2) {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
  }
  .gray_buble p:nth-child(3) {
    grid-row: 1/span 1;
    grid-column: 2/span 1;
  }
  .gray_buble p:nth-child(4) {
    grid-row: 2/span 1;
    grid-column: 2/span 1;
  }
}
@media (min-width: 600px) {
  .gray_buble p {
    text-align: left;
    font-size: 2.35vw;
    line-height: 3vw;
  }
}
@media (min-width: 768px) {
  .gray_buble p {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 1700px) {
  .gray_buble p {
    font-size: 0.74vw;
    line-height: 0.95vw;
  }
}
.gray_buble p:nth-child(2) {
  margin-bottom: 1rem;
}
@media (min-width: 360px) {
  .gray_buble p:nth-child(2) {
    margin-bottom: 0;
  }
}
.gray_buble p a {
  color: inherit;
}
.gray_buble p a:hover {
  color: #A2A2A2;
}

.about_5 .shell div:nth-child(1) {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .about_5 .shell div:nth-child(1) {
    margin-bottom: 3vw;
    grid-row: 1/span 1;
    grid-column: 2/span 13;
    padding-right: 1vw;
  }
}
.about_5 .shell div:nth-child(1) p, .about_5 .shell div:nth-child(1) h2 {
  margin: 0;
}
.about_5 .shell div:nth-child(1) p:first-of-type {
  text-transform: uppercase;
  font-weight: 300;
  color: #8C8279;
}
@media (min-width: 768px) {
  .about_5 .shell div:nth-child(1) p:first-of-type {
    transform: translateY(0.6vw);
  }
}
.about_5 .shell div:nth-child(1) p:last-of-type {
  text-align: right;
  color: #8C8279;
}
.about_5 .shell div:nth-child(1) h2 {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .about_5 .shell div:nth-child(1) h2 {
    line-height: 6vw;
  }
}
.about_5 .shell div:nth-child(2) {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .about_5 .shell div:nth-child(2) {
    gap: 1.5vw;
    grid-row: 2/span 1;
    grid-column: 2/span 10;
  }
}
@media (min-width: 768px) {
  .about_5__img {
    grid-row: 1/span 2;
    grid-column: 17/span 10;
    align-self: center;
  }
}

.about_6 {
  margin-bottom: 2rem;
}
.about_6 .shell {
  row-gap: 3rem;
}
@media (min-width: 768px) {
  .about_6 {
    margin-bottom: 3vw;
  }
}
.about_6__cont {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 2rem;
}
@media (min-width: 768px) {
  .about_6__cont {
    gap: 2vw;
    grid-column: 2/span 12;
  }
}
.about_6__cont p, .about_6__cont h2 {
  margin: 0;
}
.about_6__img {
  width: 100%;
}
@media (min-width: 768px) {
  .about_6__img {
    grid-column: 15/span 12;
    grid-row: 1/span 2;
  }
}
@media (min-width: 768px) {
  .about_6.right .about_6__cont {
    grid-row: 1/span 1;
    grid-column: 15/span 12;
    padding-left: 1vw;
  }
  .about_6.right .about_6__img {
    grid-row: 1/span 2;
    grid-column: 2/span 12;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .about_6.right .about__bottom {
    grid-column: 15/span 12;
  }
}
@media (min-width: 768px) {
  .about_6 .about__bottom {
    padding-left: 1vw;
    grid-row: 2/span 1;
    grid-column: 2/span 12;
  }
}
@media (min-width: 768px) {
  .about_6--v2 .shell .about_6__img {
    grid-row: 1/span 2;
  }
}
@media (min-width: 1200px) {
  .about_6--v2 .shell .about_6__img {
    grid-column: 2/span 10;
    width: 100%;
    height: 22.25vw;
    margin-top: 10rem;
  }
}
@media (min-width: 768px) {
  .about_6--v2 .shell .about_6__cont {
    grid-row: 1/span 1;
  }
}
@media (min-width: 1200px) {
  .about_6--v2 .shell .about_6__cont {
    grid-column: 16/span 11;
    padding-left: 0;
    padding-left: 2vw;
  }
  .about_6--v2 .shell .about_6__cont .br {
    height: 1.5vw;
  }
}
@media (min-width: 768px) {
  .about_6--v2 .shell .about__bottom {
    grid-row: 2/span 1;
  }
}
@media (min-width: 1200px) {
  .about_6--v2 .shell .about__bottom {
    grid-column: 16/span 8;
    padding-left: 2vw;
    margin: 0;
  }
}

.con_text {
  color: #6E6259;
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 2.6rem;
}
@media (min-width: 1200px) {
  .con_text {
    margin-bottom: 0;
    align-self: end;
    padding-left: 1vw;
  }
}

.about__bottom {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.5rem;
  row-gap: 2.5rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  grid-row: 4/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .about__bottom {
    grid-row: 4/span 1;
    grid-column: 5/span 28;
    justify-content: start;
  }
}
@media (min-width: 600px) {
  .about__bottom {
    grid-row: 4/span 1;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .about__bottom {
    grid-row: 4/span 1;
    grid-column: 15/span 12;
    padding-left: 1.6vw;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .about__bottom {
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .about__bottom .arrow_link {
    min-width: 15.5rem;
    padding: 0 1.5rem;
  }
}

/* -------------------------- *\
    by A. Alexandrov
    .awards
    .awards__item
\* -------------------------- */
@keyframes move {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.awards {
  overflow: hidden;
}
@media (min-width: 768px) {
  .awards + .interactive_map {
    margin-top: 5.5vw;
  }
}
.awards .shell > div {
  grid-row: 1/span 1;
  grid-column: 2/span 1;
  display: flex;
  width: fit-content;
  position: relative;
}
.awards .shell > div > div {
  display: flex;
  width: fit-content;
  gap: 6vw;
  padding-right: 6vw;
  animation: 20s infinite normal move;
  animation-timing-function: linear;
}
@media (min-width: 768px) {
  .awards .shell > div > div {
    gap: 4vw;
    padding-right: 4vw;
  }
}
.awards .shell > div > div:nth-child(2) {
  position: absolute;
  left: 100%;
  top: 0;
}
@media (min-width: 360px) {
  .awards .shell > div {
    grid-row: 1/span 1;
    grid-column: 2/span 31;
  }
}
@media (min-width: 768px) {
  .awards .shell > div {
    grid-row: 1/span 1;
    grid-column: 1/span 27;
  }
}

.awards__item {
  display: grid;
  grid-template-columns: 6.7rem 19.3rem;
  width: max-content;
  column-gap: 1rem;
}
@media (min-width: 360px) {
  .awards__item {
    min-width: unset;
  }
}
@media (min-width: 1200px) {
  .awards__item {
    grid-template-columns: auto 25rem;
  }
}
.awards__item img {
  grid-row: 1/span 4;
  grid-column: 1/span 1;
  display: block;
  height: 6rem;
  width: auto;
  object-fit: contain;
}
@media (min-width: 768px) {
  .awards__item img {
    height: auto;
    width: unset;
  }
}
.awards__item p {
  grid-column: 2/span 1;
  margin: 0;
  color: #6E6259;
}
.awards__item p:nth-of-type(1) {
  padding-top: 0.5rem;
  font-size: 1.512rem;
  letter-spacing: 0.012rem;
  line-height: 2.016rem;
}
.awards__item p:nth-of-type(2) {
  font-size: 1.176rem;
  letter-spacing: 0.09rem;
  line-height: 2.016rem;
}
.awards__item p:nth-of-type(3) {
  display: block;
  height: 1.5rem;
  width: 100%;
  position: relative;
}
.awards__item p:nth-of-type(3):before {
  content: "";
  width: 100%;
  height: 0.1rem;
  position: absolute;
  background: #6E6259;
  top: 50%;
}
.awards__item p:nth-of-type(4) {
  font-size: 1.008rem;
  letter-spacing: 0.072rem;
  line-height: 2.016rem;
}
@media (min-width: 768px) {
  .awards__item p:nth-of-type(1) {
    padding-top: 0.5rem;
    font-size: 1.8rem;
    letter-spacing: 0.014rem;
    line-height: 2.4rem;
  }
  .awards__item p:nth-of-type(2) {
    font-size: 1.4rem;
    letter-spacing: 0.011rem;
    line-height: 2.4rem;
  }
  .awards__item p:nth-of-type(3) {
    display: block;
    height: 0.5rem;
    width: 22.9rem;
    position: relative;
  }
  .awards__item p:nth-of-type(3):before {
    content: "";
    width: 100%;
    height: 0.1rem;
    position: absolute;
    background: #6E6259;
    top: 50%;
  }
  .awards__item p:nth-of-type(4) {
    font-size: 1.2rem;
    letter-spacing: 0.086rem;
    line-height: 2.4rem;
  }
}
.awards__item.ai--2 {
  grid-template-columns: 1fr;
}
.awards__item.ai--2 img {
  grid-row: 1/span 2;
  grid-column: 1/span 1;
  height: 4rem;
  width: auto;
}
@media (min-width: 768px) {
  .awards__item.ai--2 img {
    height: auto;
    width: unset;
  }
}
.awards__item.ai--2 p {
  grid-column: 1/span 1;
}
.awards__item.ai--2 p:nth-of-type(1) {
  display: none;
}
.awards__item.ai--2 p:nth-of-type(2) {
  display: none;
}

/* -------------------------- *\
    by A.Alexandrov
    .rooms
    .room
    .rooms_list
\* -------------------------- */
@media (max-width: 767px) {
  .rooms {
    padding-top: 2vw;
    padding-bottom: 1vw;
  }
}
@media (min-width: 768px) {
  .rooms + .icons_section {
    margin-top: 3vw;
  }
}
.rooms p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .rooms .shell {
    row-gap: 3vw;
  }
}
.rooms .shell > h2 {
  grid-column: 2/span 1;
}
@media (max-width: 767px) {
  .rooms .shell > h2 {
    margin-bottom: 9vw;
  }
}
@media (min-width: 360px) {
  .rooms .shell > h2 {
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .rooms .shell > h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 12;
  }
}
.rooms .shell > p {
  grid-column: 2/span 1;
  margin-bottom: 3rem;
}
@media (min-width: 360px) {
  .rooms .shell > p {
    grid-column: 5/span 28;
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .rooms .shell > p {
    grid-row: 1/span 1;
    grid-column: 15/span 12;
    padding: 0.5vw 0.5vw 0.5vw 1.5vw;
    margin-bottom: 0;
  }
}
.rooms__images {
  width: 100%;
  max-width: 100%;
  margin-bottom: 3rem;
  display: grid;
  position: relative;
  grid-column: 2/span 1;
  height: 30rem;
}
@media (min-width: 360px) {
  .rooms__images {
    grid-column: 5/span 29;
    height: 83vw;
  }
}
@media (min-width: 768px) {
  .rooms__images {
    grid-row: 2/span 1;
    grid-column: 2/span 12;
    position: sticky;
    top: 0;
    padding-right: 1vw;
    margin-bottom: 0;
    height: 38.86vw;
  }
}
@media (min-width: 1200px) {
  .rooms__images {
    padding-right: 1.5vw;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  .rooms__images .fade_gal__ui {
    height: 10vw;
    min-height: 10vw;
  }
}
.rooms__slider {
  position: relative;
  opacity: 0;
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  transition: opacity 2s var(--trans);
}
.rooms__slider.ex {
  opacity: 1;
}
.rooms__slider .fade_slide {
  display: grid;
  grid-template-columns: 100%;
  height: 100%;
}
.rooms__slider .fade_slide figure {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  opacity: 0;
  transition: opacity 2s var(--trans);
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rooms__slider .fade_slide figure.ex {
  opacity: 1;
}
.rooms__slider .fade_slide figure img {
  position: absolute;
  height: 120%;
  top: 50%;
  left: 0;
  transform: translateY(calc(-57% + 14% * var(--progress)));
}
.rooms__all {
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .rooms__all {
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .rooms__all {
    grid-row: 2/span 1;
    grid-column: 16/span 11;
    padding: 1.8vw 0.9vw 2vw 0.9vw;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
  }
}
@media (max-width: 767px) {
  .rooms__all .room {
    margin-bottom: 3rem;
  }
  .rooms__all .room__links {
    column-gap: 3rem;
  }
  .rooms__all .room__info {
    padding-bottom: 0;
  }
}
.rooms__group {
  opacity: 0.5;
  transition: opacity 0.3s;
  user-select: none;
  cursor: pointer;
}
.rooms__group:hover {
  opacity: 1;
}
.rooms__bot {
  grid-column: 2/span 1;
  padding-top: 2rem;
  display: grid;
  gap: 1.5rem;
}
.rooms__bot h2 {
  margin-bottom: 0;
}
@media (min-width: 360px) {
  .rooms__bot {
    padding-top: 6vw;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .rooms__bot {
    grid-column: 2/span 25;
    grid-template-columns: 1fr auto;
  }
}
@media (min-width: 1024px) {
  .rooms__bot {
    grid-template-columns: auto 1fr auto;
    gap: 2vw;
    padding-right: 1vw;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .rooms__bot {
    gap: 7vw;
  }
}
@media (min-width: 768px) {
  .rooms__bot p {
    grid-row: 2/span 1;
    grid-column: 1/span 2;
    font-family: var(--font-family);
  }
}
@media (min-width: 1024px) {
  .rooms__bot p {
    grid-row: unset;
    grid-column: unset;
  }
}

.room {
  margin-bottom: 3rem;
}
.room__title {
  font-size: 2.1rem;
  letter-spacing: 0.012rem;
  line-height: 3.1rem;
  margin-bottom: 0;
}
@media (min-width: 360px) {
  .room__title {
    font-size: 4.9vw;
    letter-spacing: 0.027vw;
    line-height: 7.2vw;
  }
}
@media (min-width: 768px) {
  .room__title {
    font-size: 1.88vw;
    letter-spacing: 0.011vw;
    line-height: 2.4vw;
  }
}
.room p {
  margin-bottom: 0;
}
.room__info {
  padding-bottom: 1rem;
}
.room__info > div {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  row-gap: 1rem;
}
@media (min-width: 1200px) {
  .room__info > div {
    column-gap: 2.7rem;
    row-gap: 1.5rem;
  }
}
.room__info > p {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .room__info > p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .room__info > p {
    margin-bottom: 4.3rem;
  }
}
.room__feat {
  padding-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .room__feat {
    padding-top: 2vw;
    margin-bottom: 2.5rem;
  }
}
.room__feat p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.29rem;
  line-height: 1.6rem;
  font-weight: 500;
  color: #8C8279;
  position: relative;
  padding-right: 3rem;
}
@media (min-width: 430px) {
  .room__feat p {
    font-size: 3.1vw;
    line-height: 3.75vw;
  }
}
@media (min-width: 768px) {
  .room__feat p {
    font-size: 1.536rem;
    letter-spacing: 0;
    line-height: 1.9rem;
    padding-right: 3rem;
  }
}
@media (min-width: 1200px) {
  .room__feat p {
    padding-right: 4.7rem;
  }
  .room__feat p:nth-of-type(2) {
    padding-right: 3.8rem;
  }
  .room__feat p:last-of-type {
    padding-right: 0;
  }
}
.room__feat p:before {
  content: "";
  width: 0.1rem;
  height: 100%;
  position: absolute;
  background: #EAE6E0;
  right: 0;
  top: 0;
}
.room__feat p svg {
  --size: 3rem;
  --svg-clr: var(--c9);
}
@media (min-width: 430px) {
  .room__feat p svg {
    --size: 7vw;
  }
}
@media (min-width: 768px) {
  .room__feat p svg {
    --size: 3rem;
  }
  .room__feat p svg.i-single-bed {
    --size: 4rem;
  }
}
@media (min-width: 1200px) {
  .room .room__links .arrow_link {
    min-width: 18.3rem;
  }
  .room .room__links .arrow_link > span {
    right: -1.2rem;
  }
}
.room.dropdown .room__title {
  opacity: 0.5;
  position: relative;
  transition: opacity 0.3s;
}
.room.dropdown .room__title:before, .room.dropdown .room__title:after {
  content: "";
  width: 3.9rem;
  height: 0.5rem;
  position: absolute;
  background: #CDC9C1;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.5s;
  top: 50%;
}
.room.dropdown .room__title:before {
  right: calc(100% + 2vw);
}
@media (min-width: 768px) {
  .room.dropdown .room__title:before {
    width: 6.8vw;
  }
}
.room.dropdown .room__title:after {
  background: #FFFFFF;
  right: calc(100% + 8.8vw);
  width: 6.8vw;
}
.room.dropdown .room__title:hover {
  opacity: 1;
}
.room.dropdown .dr_cont {
  opacity: 0;
  transition: opacity 0.5s;
}
.room.dropdown.ex .room__title {
  opacity: 1;
}
.room.dropdown.ex .room__title:before {
  opacity: 1;
}
@media (min-width: 768px) {
  .room.dropdown.ex .room__title:after {
    opacity: 1;
  }
}
.room.dropdown.ex .dr_cont {
  opacity: 1;
}

@media (min-width: 1200px) {
  .rooms_list.even {
    margin-bottom: 6vw;
  }
}
@media (min-width: 768px) {
  .rooms_list .shell h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 11;
  }
}
@media (min-width: 768px) {
  .rooms_list .shell > p {
    grid-row: 1/span 1;
    grid-column: 15/span 12;
    padding-top: 2.5vw;
  }
}
@media (min-width: 768px) {
  .rooms_list .shell {
    row-gap: 3vw;
  }
}
@media (min-width: 1200px) {
  .rooms_list .shell {
    row-gap: 1vw;
  }
}
.rooms_list .shell > div {
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .rooms_list .shell > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
  }
}
@media (min-width: 1600px) {
  .rooms_list .shell > div {
    justify-content: space-between;
    width: 100%;
    row-gap: 4.6vw;
  }
}
.rooms_list__room {
  max-width: 69.4rem;
  width: 100%;
}
@media (min-width: 1920px) {
  .rooms_list__room {
    max-width: 36.15vw;
  }
}
@media (min-width: 1200px) {
  .rooms_list__room:nth-child(even) {
    position: relative;
    top: 5vw;
  }
}
@media (min-width: 1600px) {
  .rooms_list__room:nth-child(even) {
    top: 7.3vw;
  }
}
.rooms_list__room figure:not(.logo) {
  margin-bottom: 2rem;
  max-height: 46.5rem;
  height: 45vw;
  overflow: hidden;
}
.rooms_list--services {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .rooms_list--services {
    margin-bottom: 2vw;
  }
}
.rooms_list--services .shell > div {
  display: grid;
  grid-template-columns: 100%;
}
@media (min-width: 1200px) {
  .rooms_list--services .shell > div {
    grid-template-columns: 1fr 1fr;
  }
}
.rooms_list--services .rooms_list__room {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .rooms_list--services .rooms_list__room {
    gap: 1.5vw;
  }
  .rooms_list--services .rooms_list__room:nth-child(even) {
    justify-self: end;
  }
}
.rooms_list--services .rooms_list__room h3 {
  margin: 0;
}
@media (min-width: 768px) {
  .rooms_list--connections .shell h2 {
    margin-bottom: 3.5vw;
    grid-column: 2/span 12;
    margin-bottom: 3vw;
  }
}
@media (min-width: 768px) {
  .rooms_list--connections .shell > p {
    grid-row: 2/span 1;
    grid-column: 2/span 12;
    padding-top: 0;
    margin-bottom: 3.5vw;
  }
}
@media (min-width: 768px) {
  .rooms_list--connections .shell > div {
    grid-template-columns: 1fr 1fr;
    column-gap: 1vw;
    width: 100%;
    justify-items: center;
  }
}
.rooms_list--connections .rooms_list__room:nth-child(even) {
  top: 0;
}
@media (min-width: 768px) {
  .rooms_list--connections .rooms_list__room {
    gap: 0.8vw;
    max-width: 39vw;
  }
}
.rooms_list--connections .rooms_list__room .logo {
  width: fit-content;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: start;
}
.rooms_list--connections .rooms_list__room .logo img {
  max-height: 100%;
  height: auto;
}
.rooms_list--connections .rooms_list__room p {
  margin-bottom: 0;
}
.rooms_list--connections .rooms_list__room p a {
  color: #5A7B7D;
}
.rooms_list--connections .rooms_list__room p a:hover {
  color: #000;
}
@media (min-width: 1200px) {
  .rooms_list--connections--a .shell > div {
    column-gap: 2.3vw;
  }
  .rooms_list--connections--a .shell > div > div {
    max-width: 100%;
  }
}

/* -------------------------- *\
    .propeties
\* -------------------------- */
.propeties {
  overflow: hidden;
  /*
  .propeties__cont:hover {
      &>* {
          transform: rotate3D(0, 1, 0, calc(var(--base) + var(--add))) translate3d(0, 0, -2rem);

          &:nth-child(1) {
              --dir: 1;
              --count: 2;
          }

          &:nth-child(2) {
              --dir: 1;
              --count: 1;
          }

          &:nth-child(3) {
              --dir: -1;
              --count: 1;
          }

          &:nth-child(4) {
              --dir: -1;
              --count: 2;
          }

          &:has(+*:hover) {
              --dir: 1;
              --count: 1;
          }

          &:has(+*+*:hover) {
              --dir: 1;
              --count: 2;
          }

          &:has(+*+*+*:hover) {
              --dir: 1;
              --count: 3;
          }

          &:hover {
              transform: rotate3D(0, 1, 0, 0deg) scale(1.1);

              &+* {
                  --dir: -1;
                  --count: 1;
              }

              &+*+* {
                  --dir: -1;
                  --count: 2;
              }

              &+*+*+* {
                  --dir: -1;
                  --count: 3;
              }
          }
      }
  }
  */
}
@media (min-width: 768px) {
  .propeties + .about--2 {
    margin-top: 5.5vw;
  }
}
.propeties .shell {
  overflow: hidden;
  position: relative;
  background: #EAE6E0;
}
@media (min-width: 768px) {
  .propeties .shell:before {
    content: "";
    width: 100%;
    height: 7.81vw;
    position: absolute;
    background: #FFFFFF;
    z-index: 0;
    bottom: 0;
    left: 0;
  }
}
.propeties .shell > * {
  position: relative;
  z-index: 10;
}
.propeties .shell > img {
  display: block;
  position: absolute;
  z-index: 0;
}
.propeties .shell > img:nth-of-type(1) {
  top: -31vw;
  right: -14vw;
  width: 30.4vw;
  height: 60.5vw;
  transform: rotate(-120deg);
}
@media (min-width: 768px) {
  .propeties .shell > img:nth-of-type(1) {
    top: -8vw;
    right: 17.6vw;
    width: 12.97vw;
    height: 25.83vw;
  }
}
.propeties .shell > img:nth-of-type(2) {
  top: -3vw;
  right: -22vw;
  width: 24.27vw;
  height: 48.4vw;
  transform: rotate(-118deg) scale(-1, 1);
}
@media (min-width: 768px) {
  .propeties .shell > img:nth-of-type(2) {
    top: -10.5vw;
    right: -1.4vw;
    width: 12.97vw;
    height: 25.83vw;
  }
}
.propeties__top {
  margin-bottom: 3rem;
  padding-top: 4rem;
  grid-column: 2/span 1;
}
@media (min-width: 321px) {
  .propeties__top {
    display: grid;
    grid-template-columns: 1fr auto;
  }
}
@media (min-width: 360px) {
  .propeties__top {
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .propeties__top {
    grid-column: 2/span 13;
    margin-bottom: 2vw;
  }
}
.propeties__top .head_top {
  text-align: left;
}
@media (min-width: 768px) {
  .propeties__top .head_top {
    padding-left: 1vw;
    position: relative;
    top: 1vw;
    left: -0.3vw;
  }
}
.propeties__top .title {
  height: auto;
  text-align: left;
  color: #FFFFFF;
}
@media (max-width: 359px) {
  .propeties__top .title {
    font-size: 13vw;
  }
}
.propeties__top .title_side {
  text-align: right;
  text-transform: uppercase;
  height: auto;
}
@media (min-width: 321px) {
  .propeties__top .title_side {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
  }
}
@media (min-width: 768px) {
  .propeties__top .title_side {
    text-align: center;
    font-weight: 500;
    position: relative;
    left: -0.2vw;
    top: 0.1vw;
  }
}
.propeties__cont {
  grid-column: 2/span 1;
  display: flex;
  flex-flow: column;
  gap: 3.5rem;
}
@media (min-width: 360px) {
  .propeties__cont {
    gap: 8.15vw;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .propeties__cont {
    grid-column: 2/span 25;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2vw;
  }
}
@media (min-width: 1200px) {
  .propeties__cont {
    gap: 1.57vw;
  }
}
@media (min-width: 1200px) {
  .propeties__cont {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.propeties__cont a {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1rem;
  transition: opacity 0.3s;
}
@media (min-width: 360px) {
  .propeties__cont a {
    gap: 2.7vw;
  }
}
@media (min-width: 768px) {
  .propeties__cont a {
    gap: 0;
  }
}
.propeties__cont a figure {
  width: 100%;
  height: 28.5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .propeties__cont a figure {
    height: 25.1vw;
    margin-bottom: 1.3vw;
  }
}
.propeties__cont a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 1s;
}
.propeties__cont a h3 {
  font-family: var(--font-family-2);
  font-size: 2.1rem;
  letter-spacing: 0.012rem;
  line-height: 3rem;
  color: #6E6259;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 430px) {
  .propeties__cont a h3 {
    font-size: 5vw;
    line-height: 5.8vw;
  }
}
@media (min-width: 768px) {
  .propeties__cont a h3 {
    font-size: 3rem;
    letter-spacing: 0.017rem;
    line-height: 3rem;
    margin-bottom: 0.5vw;
  }
}
@media (min-width: 1200px) {
  .propeties__cont a h3 {
    font-size: 1.56vw;
    letter-spacing: 0.009vw;
    line-height: 1.56vw;
  }
}
.propeties__cont a p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #A2A2A2;
  text-transform: uppercase;
  margin-bottom: 0;
  text-align: center;
}
@media (min-width: 430px) {
  .propeties__cont a p {
    text-align: center;
    font-size: 3.3vw;
    line-height: 4.2vw;
  }
}
@media (min-width: 768px) {
  .propeties__cont a p {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
.propeties .propeties__cont {
  perspective: 200rem;
  transform-style: preserve-3d;
}
.propeties .propeties__cont > * {
  --dir: 1;
  --count: 1;
  --add: calc(10deg * var(--count) * var(--dir));
  --base: calc(5deg * var(--dir));
  transition: transform 0.3s;
}

/* -------------------------- *\
    .news
\* -------------------------- */
@media (min-width: 768px) {
  .news + .events {
    margin-top: 1.5vw;
  }
}
.news .shell h2 {
  text-align: center;
}
@media (min-width: 768px) {
  .news .shell h2 {
    margin-bottom: 3.9vw;
    letter-spacing: unset;
  }
}
.news .shell > div {
  display: grid;
  grid-template-columns: 100%;
  gap: 3rem;
  justify-items: center;
}
@media (min-width: 768px) {
  .news .shell > div {
    grid-column: 2/span 26;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    padding-right: 1.3vw;
  }
}
@media (min-width: 1200px) {
  .news .shell > div {
    grid-column: 2/span 26;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 3.5vw;
    padding-left: 0.1vw;
  }
}
.news .shell > div a {
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
  width: 84.15vw;
}
@media (min-width: 768px) {
  .news .shell > div a {
    width: 100%;
    max-width: 45vw;
    gap: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .news .shell > div a {
    width: 20.1vw;
    gap: 0;
  }
}
.news .shell > div a figure {
  width: 100%;
  height: 84.15vw;
}
@media (min-width: 768px) {
  .news .shell > div a figure {
    height: 40vw;
  }
}
@media (min-width: 1200px) {
  .news .shell > div a figure {
    height: 20.1vw;
    margin-bottom: 1.1vw;
  }
}
.news .shell > div a figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news .shell > div a h3 {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 2.1rem;
}
@media (min-width: 430px) {
  .news .shell > div a h3 {
    font-size: 4.9vw;
    letter-spacing: 0.07vw;
    line-height: 7.2vw;
  }
}
@media (min-width: 768px) {
  .news .shell > div a h3 {
    font-size: 2.8rem;
    letter-spacing: 0.03rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .news .shell > div a h3 {
    font-size: 1.46vw;
    letter-spacing: 0.021vw;
    line-height: 1.98vw;
    margin-bottom: 1.1vw;
  }
}
.news .shell > div a p:nth-of-type(1) {
  text-transform: uppercase;
  color: #5A7B7D;
  margin-bottom: 0;
  font-size: 1.127rem;
  letter-spacing: 0.066rem;
  line-height: 1.4rem;
}
@media (min-width: 430px) {
  .news .shell > div a p:nth-of-type(1) {
    font-size: 3.3vw;
    letter-spacing: 0.015vw;
    line-height: 3.3vw;
  }
}
@media (min-width: 768px) {
  .news .shell > div a p:nth-of-type(1) {
    font-size: 1.2rem;
    letter-spacing: 0.07rem;
    line-height: 1.4rem;
    margin-bottom: 1.1vw;
  }
}
.news .shell > div a p:nth-of-type(2) {
  margin-bottom: 0;
  color: #6E6259;
  font-size: 1.3rem;
  line-height: 1.6rem;
}
@media (min-width: 360px) {
  .news .shell > div a p:nth-of-type(2) {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 430px) {
  .news .shell > div a p:nth-of-type(2) {
    font-size: 3.3vw;
    line-height: 3.7vw;
  }
}
@media (min-width: 768px) {
  .news .shell > div a p:nth-of-type(2) {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 768px) {
  .news--all .shell > div {
    grid-column: 2/span 25;
    column-gap: 1vw;
    padding: 0;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .events
\* -------------------------- */
.events .shell {
  background: #9D968D;
  position: relative;
}
.events .shell > * {
  position: relative;
  z-index: 10;
}
.events .shell:before {
  content: "";
  width: 100%;
  height: 5rem;
  position: absolute;
  background: #FFFFFF;
  top: 0;
  left: 0;
}
@media (min-width: 360px) {
  .events .shell:before {
    height: 9.5vw;
  }
}
@media (min-width: 768px) {
  .events .shell:before {
    height: 3.2vw;
  }
}
.events h2 {
  display: grid;
  grid-template-columns: 100%;
}
@media (min-width: 360px) {
  .events h2 {
    grid-template-columns: auto auto;
    width: fit-content;
    row-gap: 1vw;
    column-gap: 2.5vw;
    margin-bottom: 3.6rem;
  }
}
@media (min-width: 768px) {
  .events h2 {
    grid-column: 2/span 25;
    margin-bottom: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .events h2 {
    margin-bottom: 2.5vw;
  }
}
.events h2 .text--t4:first-of-type {
  color: #9D968D;
  text-transform: uppercase;
  display: block;
  width: fit-content;
}
@media (min-width: 360px) {
  .events h2 .text--t4:first-of-type {
    grid-column: 1/span 2;
  }
}
.events h2 .text--t3 {
  color: #FFFFFF;
  font-family: var(--font-family-2);
  display: block;
  width: fit-content;
  position: relative;
  top: -0.2rem;
}
@media (min-width: 768px) {
  .events h2 .text--t3 {
    line-height: 4vw;
    top: -0.8vw;
  }
}
.events h2 .text--t7 {
  color: #FFFFFF;
  text-transform: uppercase;
  align-self: end;
  display: block;
  position: relative;
}
@media (min-width: 360px) {
  .events h2 .text--t7 {
    bottom: -0.6rem;
  }
}
@media (max-width: 767px) {
  .events h2 .text--t7 {
    letter-spacing: 0.014rem;
  }
}
@media (min-width: 768px) {
  .events h2 .text--t7 {
    bottom: -1vw;
    left: -1.5vw;
  }
}
@media (min-width: 768px) {
  .events__items {
    grid-row: 2/span 1;
    grid-column: 2/span 11;
    padding-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .events__items {
    padding-bottom: 0;
    height: fit-content;
  }
}
.events__item {
  --pad-top: 3rem;
  --pad-bot: 3rem;
  margin-bottom: 2rem;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  transition: padding 0.5s;
  border-bottom: solid 0.1rem #6E6259;
}
.events__item:last-of-type {
  border: none;
}
@media (min-width: 360px) {
  .events__item {
    --pad-top: 8.5vw;
    --pad-bot: 8.5vw;
  }
}
@media (min-width: 768px) {
  .events__item {
    --pad-top: 3.5rem;
    --pad-bot: 1.5rem;
    margin-bottom: 1.05vw;
  }
}
@media (min-width: 1200px) {
  .events__item {
    --pad-top: 2.1vw;
    --pad-bot: 1.6vw;
    margin-top: 0.3vw;
    margin-bottom: 1.55vw;
  }
}
.events__item .events__date {
  color: #EAE6E0;
  font-family: var(--font-family-2);
  font-size: 2.4rem;
  letter-spacing: 0.08rem;
  line-height: 3.2rem;
  margin-bottom: 1rem;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
@media (min-width: 430px) {
  .events__item .events__date {
    font-size: 5.6vw;
    letter-spacing: 0.19vw;
    line-height: 7.45vw;
  }
}
@media (min-width: 768px) {
  .events__item .events__date {
    font-size: 2.4rem;
    letter-spacing: 0.08rem;
    line-height: 3.8rem;
  }
}
@media (min-width: 1920px) {
  .events__item .events__date {
    font-size: 1.25vw;
    letter-spacing: 0.0042vw;
    line-height: 1.98vw;
  }
}
.events__item h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  font-size: 2.1rem;
  letter-spacing: 0.07rem;
  line-height: 2.9rem;
  font-weight: 500;
  color: #FFFFFF;
}
@media (min-width: 360px) {
  .events__item h3 {
    margin-bottom: 4vw;
  }
}
@media (min-width: 430px) {
  .events__item h3 {
    font-size: 4.9vw;
    letter-spacing: 0.17vw;
    line-height: 6.8vw;
  }
}
@media (min-width: 768px) {
  .events__item h3 {
    font-size: 2.4rem;
    letter-spacing: 0.08rem;
    line-height: 2.9rem;
    margin-bottom: 2rem;
    padding-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .events__item h3 {
    margin-bottom: 1.2vw;
  }
}
@media (min-width: 1920px) {
  .events__item h3 {
    font-size: 1.25vw;
    letter-spacing: 0.0042vw;
    line-height: 1.51vw;
  }
}
.events__item > a {
  --size: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: var(--size);
  width: var(--size);
  height: var(--size);
  background: rgba(0, 0, 0, 0);
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 768px) {
  .events__item > a {
    top: 0;
    right: 0;
  }
}
@media (min-width: 1920px) {
  .events__item > a {
    --size: 2vw;
  }
}
.events__item > a svg {
  width: 40%;
  height: 40%;
  --svg-clr: var(--cw);
  transform: rotate(-45deg);
}
@media (min-width: 768px) {
  .events__item figure {
    display: none;
  }
}
.events__item.ex {
  padding-top: var(--pad-top);
  padding-bottom: calc(var(--pad-bot) + 2.2rem);
}
.events__item.ex .events__date {
  opacity: 1;
  visibility: visible;
}
.events__item.ex > a {
  background: #FFFFFF;
}
.events__item.ex > a svg {
  --svg-clr: var(--c6);
  transform: none;
}
.events__cont {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
.events__text {
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .events__text {
    margin-bottom: 0.5vw;
  }
}
.events__text p {
  color: #D8D8D8;
  margin-bottom: 0;
  font-family: var(--font-family);
  font-size: 1.4rem;
  line-height: 2.8rem;
  font-weight: 400;
}
@media (min-width: 430px) {
  .events__text p {
    font-size: 3.26vw;
    line-height: 6.51vw;
  }
}
@media (min-width: 768px) {
  .events__text p {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #FFFFFF;
    padding-right: 4vw;
    letter-spacing: 0.01vw;
  }
}
@media (min-width: 1920px) {
  .events__text p {
    font-size: 0.83vw;
    line-height: 1.36vw;
    color: #FFFFFF;
  }
}
.events__images {
  display: none;
}
@media (min-width: 768px) {
  .events__images {
    display: grid;
    grid-template-columns: 100%;
    grid-row: 2/span 1;
    grid-column: 14/span 14;
    padding-left: 1.7vw;
  }
  .events__images figure {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
    opacity: 0;
    transition: all 0.5s;
    visibility: hidden;
    height: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .events__images figure {
    width: 49.79vw;
    height: 31vw;
  }
}
@media (min-width: 768px) {
  .events__images figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 768px) {
  .events__images figure.ex {
    opacity: 1;
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .events .arrow_link {
    width: 11.5rem;
    padding: 0 1rem;
  }
  .events .arrow_link span {
    right: 0.2rem;
  }
}

/* -------------------------- *\
    .golf
\* -------------------------- */
@media (max-width: 767px) {
  .golf + .hor_slide {
    margin-top: -13vw;
  }
}
@media (min-width: 1200px) {
  .golf + .hor_slide {
    margin-top: 1vw;
  }
}
.golf .shell {
  position: relative;
}
.golf .shell > * {
  position: relative;
}
.golf .shell:before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 15vw);
  background: #EAE6E0;
  grid-row: 3/span 2;
  grid-column: 1/span 3;
}
@media (min-width: 360px) {
  .golf .shell:before {
    grid-row: 3/span 2;
    grid-column: 1/span 33;
  }
}
@media (min-width: 768px) {
  .golf .shell:before {
    grid-row: 2/span 2;
    grid-column: 1/span 27;
    height: calc(100% - 10vw);
  }
}
.golf__top {
  z-index: 10;
  display: grid;
  grid-template-columns: 100%;
  grid-column: 2/span 1;
  margin-bottom: 4rem;
  width: fit-content;
  justify-self: end;
}
@media (min-width: 768px) {
  .golf__top {
    margin-bottom: 2rem;
  }
}
.golf__top .title_top {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
.golf__top .title {
  font-family: var(--font-family);
}
.golf__top .title_side {
  grid-row: unset;
  grid-column: unset;
}
.golf__top figure {
  max-width: 17.6rem;
}
@media (min-width: 360px) {
  .golf__top figure {
    grid-column: 3/span 1;
    grid-row: 1/span 2;
    justify-self: center;
  }
}
.golf__top figure img {
  object-fit: contain;
}
@media (min-width: 360px) {
  .golf__top {
    grid-template-columns: auto auto;
    grid-template-rows: 1fr;
    column-gap: 2vw;
  }
  .golf__top .head_top {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  .golf__top .head_top {
    position: relative;
    top: -2vw;
    left: -1.7vw;
  }
}
@media (min-width: 360px) and (min-width: 1200px) {
  .golf__top .head_top {
    bottom: 1vw;
  }
}
@media (min-width: 360px) {
  .golf__top .title {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  .golf__top .title {
    position: relative;
    left: -2vw;
    line-height: 11vw;
  }
}
@media (min-width: 360px) {
  .golf__top .title_side {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
    font-weight: 300;
  }
}
@media (min-width: 768px) {
  .golf__top {
    grid-row: 1/span 1;
    grid-column: 2/span 16;
    margin-bottom: 0;
    justify-self: start;
  }
  .golf__top .head_top {
    position: relative;
  }
  .golf__top .title_side {
    height: 18rem;
    position: relative;
    right: -1vw;
    bottom: 0.5vw;
  }
  .golf__top .title {
    text-align: left;
    line-height: 4.3vw;
    font-family: var(--font-family);
    display: block;
    align-self: end;
  }
}
@media (min-width: 1200px) {
  .golf__top {
    column-gap: 1vw;
  }
  .golf__top .title_side {
    height: 20rem;
    position: relative;
    right: 0;
  }
  .golf__top .title {
    text-align: left;
    font-family: var(--font-family);
  }
}
@media (min-width: 1200px) and (min-width: 1920px) {
  .golf__top {
    grid-row: 1/span 1;
    grid-column: 2/span 18;
  }
}
@media (min-width: 1700px) {
  .golf__top .title_side {
    height: 11vw;
    right: -0.2vw;
    bottom: -0.2vw;
  }
}
.golf__links {
  z-index: 10;
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (min-width: 360px) {
  .golf__links {
    row-gap: 5vw;
    column-gap: 12vw;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 430px) {
  .golf__links {
    justify-content: end;
  }
}
@media (min-width: 768px) {
  .golf__links {
    gap: 0;
    grid-row: 2/span 1;
    grid-column: 2/span 25;
    height: 9.5rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    padding: 0 1.5vw;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .golf__links {
    grid-row: 2/span 1;
    grid-column: 2/span 15;
    padding-right: 0.6vw;
  }
}
.golf__links a {
  position: relative;
  width: 12.4rem;
}
@media (min-width: 430px) {
  .golf__links a {
    display: flex;
    justify-content: center;
    width: 29vw;
  }
}
@media (min-width: 768px) {
  .golf__links a {
    width: auto;
  }
}
.golf__links a p {
  display: block;
  font-size: 1.4rem;
  letter-spacing: 0.008rem;
  line-height: 2rem;
  margin-bottom: 0;
  color: #6E6259;
}
@media (min-width: 430px) {
  .golf__links a p {
    white-space: nowrap;
    text-align: right;
    font-size: 3.3vw;
    letter-spacing: 0.019vw;
    line-height: 4.65vw;
    width: max-content;
  }
}
@media (min-width: 768px) {
  .golf__links a p {
    white-space: unset;
    text-align: left;
    font-family: var(--font-family);
    width: auto;
    max-width: 8.2vw;
    font-size: 1.8rem;
    letter-spacing: 0.01rem;
    line-height: 2.2rem;
  }
}
@media (min-width: 1920px) {
  .golf__links a p {
    font-size: 0.94vw;
    letter-spacing: 0.0006vw;
    line-height: 1.15vw;
  }
}
.golf__links a:before {
  content: "";
  width: 0;
  height: 0.1rem;
  position: absolute;
  background: #6E6259;
  bottom: -0.4vw;
  left: 0;
  pointer-events: none;
  transition: width 0.3s;
}
.golf__links a:hover:before {
  width: calc(100% + 0.5vw);
}
.golf__small_img {
  z-index: 10;
  grid-row: 3/span 1;
  grid-column: 1/span 2;
}
@media (min-width: 360px) {
  .golf__small_img {
    grid-row: 3/span 1;
    grid-column: 7/span 13;
    z-index: 20;
    margin: -6vw 0;
  }
}
@media (min-width: 768px) {
  .golf__small_img {
    grid-row: 1/span 1;
    grid-column: 20/span 7;
    align-self: center;
    justify-self: center;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .golf__small_img {
    grid-row: 1/span 1;
    grid-column: 20/span 7;
    align-self: end;
    justify-self: end;
    bottom: -2.2vw;
  }
}
.golf__gal {
  z-index: 10;
  position: relative;
  grid-column: 2/span 2;
  grid-row: 4/span 1;
  grid-column: 2/span 2;
  margin-bottom: 3.5rem;
}
@media (min-width: 360px) {
  .golf__gal {
    grid-row: 4/span 1;
    grid-column: 5/span 29;
  }
}
@media (min-width: 768px) {
  .golf__gal {
    margin-bottom: 2.6vw;
    grid-row: 3/span 1;
    grid-column: 2/span 25;
  }
}
.golf__gal .fade_gal__slider {
  display: grid;
}
.golf__gal .fade_gal__slider > div {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s;
}
.golf__gal .fade_gal__slider > div.ex {
  opacity: 1;
}
.golf__gal .fade_gal__slider > div figure {
  height: 63vw;
  overflow: hidden;
  position: relative;
  z-index: 20;
}
@media (min-width: 768px) {
  .golf__gal .fade_gal__slider > div figure {
    height: 42vw;
  }
}
.golf__gal .fade_gal__slider > div figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.golf__gal .fade_gal__slider > div figure:nth-child(2) {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.golf__gal .fade_gal__slider > div figure:nth-child(2) img {
  object-fit: cover;
  filter: blur(1rem);
  transform: translate(0, calc(-25% + var(--progress) * 50%)) scale(1.5);
}
.golf__gal .fade_gal__ui {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 20;
  background: #EAE6E0;
}
@media (max-width: 767px) {
  .golf__gal .fade_gal__ui {
    min-height: 10vw;
    height: 10vw;
  }
}
@media (min-width: 1200px) {
  .golf__gal .fade_gal__ui > span {
    width: 6rem;
  }
}
.golf__text {
  z-index: 10;
}
@media (min-width: 768px) {
  .golf__text {
    column-count: 2;
    column-gap: 6.41vw;
    grid-row: 4/span 1;
    grid-column: 2/span 25;
  }
}
@media (max-width: 767px) {
  .golf__text p {
    margin-bottom: 6vw;
  }
}
.golf__main_link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/* -------------------------- *\
by A.Alexandrov
    .testimonials
\* -------------------------- */
.testimonials {
  padding-top: 5vw;
}
@media (min-width: 768px) {
  .testimonials + .propeties {
    margin-top: 2.7vw;
  }
}
.testimonials .shell {
  padding: 0 5vw;
}
@media (min-width: 360px) {
  .testimonials .shell {
    padding: 0 4vw 0 12vw;
  }
}
@media (min-width: 768px) {
  .testimonials .shell {
    padding: 0 7.8vw;
  }
}
.testimonials .shell > div {
  width: 100%;
}
.testimonials__text {
  font-size: 1.4rem;
  letter-spacing: 0.067rem;
  line-height: 2.8rem;
  margin: 0 auto;
  text-align: center;
  font-family: var(--font-family-2);
  color: #8C8279;
  margin-bottom: 7vw;
}
@media (min-width: 600px) {
  .testimonials__text {
    font-size: 2.35vw;
    letter-spacing: 0.0011vw;
    line-height: 4.7vw;
  }
}
@media (min-width: 768px) {
  .testimonials__text {
    width: 80vw;
    font-size: 2.1rem;
    letter-spacing: 0.1rem;
    line-height: 3.4rem;
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .testimonials__text {
    width: 45.31vw;
  }
}
@media (min-width: 1920px) {
  .testimonials__text {
    font-size: 2.1rem;
    letter-spacing: 0.1rem;
    line-height: 3.4rem;
    margin-bottom: 2.4vw;
  }
}
.testimonials__author {
  text-align: center;
  font-family: var(--font-family);
  color: #8C8279;
  font-size: 1.6rem;
  line-height: 1.9rem;
}
@media (min-width: 600px) {
  .testimonials__author {
    font-size: 2.7vw;
    line-height: 3.2vw;
  }
}
@media (min-width: 768px) {
  .testimonials__author {
    font-size: 1.6rem;
    line-height: 1.9rem;
  }
}
@media (min-width: 1920px) {
  .testimonials__author {
    font-size: 0.83vw;
    line-height: 1vw;
    margin-bottom: 1.2vw;
  }
}
.testimonials .slick-dots {
  bottom: 0;
  position: relative;
}
.testimonials .slick-dots li {
  width: 4.8rem;
  height: 4.8rem;
}
@media (min-width: 1024px) {
  .testimonials .slick-dots li {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .testimonials .slick-dots li {
    width: 1.3vw;
    height: 1.3vw;
    margin: 0 0.03vw;
  }
}
.testimonials .slick-dots li button {
  position: relative;
  width: 100%;
  height: 100%;
}
.testimonials .slick-dots li button::before {
  content: "";
  background: #6E6259;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* -------------------------- *\
    .page_top
    .page_top--room
    .brcr
    .page_top--2
    .page_top--3
    .page_top--4
    .page_top--5
    .page_top--6
    .page_top--7
    .page_top--8
    .page_top--9
    .page_top--10
    .page_top--11
    .page_top--12
\* -------------------------- */
.page_top {
  --pr: var(--progress);
  padding-top: 6rem;
  position: relative;
}
@media (min-width: 768px) {
  .page_top {
    padding-top: 12rem;
  }
}
.page_top .scroll_track {
  position: absolute;
  height: 50vh;
  top: 0;
  left: 0;
}
.page_top .shell {
  row-gap: 1rem;
  position: relative;
}
@media (min-width: 360px) {
  .page_top .shell {
    row-gap: 3rem;
  }
  .page_top .shell:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #F6F4F2;
    grid-row: 1/span 6;
    grid-column: 1/span 3;
    transition: height 3s var(--trans);
    align-self: end;
  }
}
@media (min-width: 360px) and (min-width: 768px) {
  .page_top .shell:before {
    grid-row: 1/span 8;
    grid-column: 2/span 6;
    width: calc(100% - 2vw);
  }
}
@media (min-width: 768px) {
  .page_top .shell {
    gap: 0;
    grid-template-rows: auto auto auto auto auto 2vw auto;
  }
}
.page_top .gate_img {
  grid-row: 1/span 1;
  grid-column: 1/span 3;
  transform: scale(1);
  opacity: 1;
  transition: opacity 3s var(--trans) 0.8s, transform 3s var(--trans) 0.8s;
}
@media (min-width: 360px) {
  .page_top .gate_img {
    grid-row: 1/span 1;
    grid-column: 4/span 30;
  }
}
@media (min-width: 768px) {
  .page_top .gate_img {
    grid-row: 2/span 1;
    grid-column: 7/span 21;
    width: calc(100% - 1.6vw);
    justify-self: end;
    margin-bottom: 1vw;
    margin-top: -1.5rem;
  }
}
@media (min-width: 1200px) {
  .page_top .gate_img {
    margin-top: -3.5rem;
  }
}
@media (max-width: 767px) and (min-width: 360px) {
  .page_top .gate_img .gate_img__wrap {
    height: 79.1vw;
  }
  .page_top .gate_img .gate_img__wrap figure {
    height: 100%;
  }
}
@media (min-width: 768px) {
  .page_top .gate_img .gate_img__wrap figure img {
    height: 100%;
  }
}
.page_top .brcr {
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 2s var(--trans) 1s, transform 2s var(--trans) 1s;
}
@media (min-width: 360px) {
  .page_top .brcr {
    grid-row: 2/span 1;
    grid-column: 5/span 28;
  }
}
@media (min-width: 768px) {
  .page_top .brcr {
    grid-row: 1/span 2;
    grid-column: 2/span 6;
    justify-self: center;
    align-self: start;
    padding-top: 2vw;
    width: calc(100% - 2vw);
    transform: translate(-1vw, 0);
  }
}
.page_top .brcr a {
  color: inherit;
}
.page_top p {
  margin-bottom: 0;
}
.page_top__header {
  grid-row: 3/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .page_top__header {
    grid-row: 3/span 1;
    grid-column: 5/span 29;
  }
}
@media (min-width: 768px) {
  .page_top__header {
    grid-row: 1/span 1;
    grid-column: 8/span 12;
    align-self: center;
    padding: 1.5vw 0 2vw 0;
  }
}
@media (min-width: 1200px) {
  .page_top__header {
    padding: 1vw 0 1.5vw 0;
  }
}
.page_top__header > div {
  overflow: hidden;
}
.page_top__header > div > * {
  transform: translateY(100%);
  transition: transform 1.5s var(--trans) 0.8s, transition 0s linear 3s;
}
.page_top__header h1 {
  font-size: 2.8rem;
  letter-spacing: 0.036rem;
  line-height: 3.4rem;
  margin-bottom: 0.5rem;
  font-weight: 300;
  color: #6E6259;
}
@media (min-width: 1024px) {
  .page_top__header h1 {
    font-size: 3.8rem;
    letter-spacing: 0.053rem;
    line-height: 4.7rem;
  }
  .page_top__header h1.main_page {
    font-size: 4.8rem;
    letter-spacing: 0.15rem;
    line-height: 5.8rem;
    font-family: var(--font-family-2);
  }
}
.page_top__header p {
  font-size: 1.4rem;
  line-height: 1.9rem;
  font-family: var(--font-family-2);
  color: #CDC9C1;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .page_top__header p {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .page_top__header p {
    font-size: 2.1rem;
    line-height: 2.5rem;
  }
}
.page_top__header.is-inview > div > * {
  transform: translateY(0%);
}
.page_top__text_top {
  grid-row: 4/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .page_top__text_top {
    grid-row: 4/span 1;
    grid-column: 5/span 27;
  }
}
@media (min-width: 768px) {
  .page_top__text_top {
    grid-row: 3/span 2;
    grid-column: 8/span 12;
    padding-left: 0.5vw;
    z-index: 10;
  }
  .page_top__text_top > div {
    margin-bottom: 2rem;
  }
  .page_top__text_top h2 {
    margin: 0;
  }
}
.page_top__text_top > p {
  color: #6E6259;
}
@media (min-width: 1200px) {
  .page_top__text_top > p {
    max-width: 18vw;
    font-family: var(--font-family);
  }
}
@media (min-width: 1200px) {
  .page_top__text_top.long > p {
    max-width: 80%;
  }
}
.page_top__link {
  padding-top: 1rem;
  display: flex;
  flex-flow: column;
  gap: 1rem;
  grid-row: 5/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .page_top__link {
    grid-row: 5/span 1;
    grid-column: 5/span 27;
  }
}
@media (min-width: 768px) {
  .page_top__link {
    grid-row: 5/span 1;
    grid-column: 8/span 12;
    flex-flow: row;
    align-items: center;
    gap: 2vw;
    align-self: end;
    min-height: 8vw;
  }
}
.page_top__link > p {
  font-size: 1.62rem;
  line-height: 2.52rem;
  color: #6E6259;
  font-family: var(--font-family);
}
.page_top__img2 {
  grid-row: 6/span 1;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .page_top__img2 {
    grid-row: 6/span 1;
    grid-column: 5/span 28;
    justify-self: end;
    width: 51.9vw;
  }
}
@media (max-width: 767px) {
  .page_top__img2 {
    transform: none !important;
  }
}
@media (min-width: 768px) {
  .page_top__img2 {
    grid-row: 4/span 2;
    grid-column: 21/span 6;
    width: 95%;
    height: 13vw;
    align-self: start;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page_top__img2.enlarge {
    transform: translateY(calc(10% - var(--pr-img) * 80%));
    --img: 100%;
  }
  .page_top__img2.enlarge img {
    transform: translate(-50%, -50%);
  }
  .page_top__img2.enlarge + .scroll_track {
    grid-row: 4/span 2;
    grid-column: 21/span 6;
    display: block;
    height: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .page_top__img2.enlarge {
    --min: 1.7;
    --max: 2;
    --img: 200%;
    --foX: -58%;
    --foY: 0;
  }
  .page_top__img2.enlarge img {
    height: var(--img);
  }
}
@media (min-width: 768px) {
  .page_top__img2.enlarge + .scroll_track {
    grid-row: 4/span 2;
    grid-column: 21/span 6;
    top: -2vh;
  }
}
.page_top__text_bot {
  grid-row: 7/span 1;
  grid-column: 2/span 1;
}
.page_top__text_bot > p {
  color: #6E6259;
}
@media (min-width: 1200px) {
  .page_top__text_bot > p {
    font-family: var(--font-family);
  }
}
@media (min-width: 360px) {
  .page_top__text_bot {
    grid-row: 7/span 1;
    grid-column: 5/span 27;
  }
}
@media (min-width: 768px) {
  .page_top__text_bot {
    grid-row: 7/span 1;
    grid-column: 15/span 12;
    padding-left: 0.5vw;
    z-index: 10;
  }
}
.page_top__img3 {
  grid-row: 8/span 1;
  grid-column: 2/span 1;
  position: relative;
}
@media (min-width: 360px) {
  .page_top__img3 {
    grid-row: 8/span 1;
    grid-column: 5/span 28;
    width: 51.7vw;
  }
}
@media (min-width: 768px) {
  .page_top__img3 {
    grid-row: 7/span 2;
    grid-column: 2/span 6;
    width: calc(100% - 2vw);
    height: 13vw;
    align-self: end;
  }
}
.page_top__img3:not(.play_button):before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #6E6259;
  top: 0;
  left: 0;
  transition: height 1.5s var(--trans);
  z-index: 10;
}
.page_top__img3:not(.play_button).is-inview:before {
  height: 0;
}
@media (min-width: 768px) {
  .page_top--4 .shell, .page_top--5 .shell, .page_top--8 .shell {
    grid-template-rows: 10vw;
  }
}
.page_top--3 .page_top--3__head_img, .page_top--4 .page_top--3__head_img, .page_top--5 .page_top--3__head_img, .page_top--8 .page_top--3__head_img {
  grid-row: 4/span 1;
  max-width: 18.6rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page_top--3 .page_top--3__head_img, .page_top--4 .page_top--3__head_img, .page_top--5 .page_top--3__head_img, .page_top--8 .page_top--3__head_img {
    grid-column: 22/span 5;
    grid-row: 1/span 1;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .page_top--3 .page_top--3__head_img, .page_top--4 .page_top--3__head_img, .page_top--5 .page_top--3__head_img, .page_top--8 .page_top--3__head_img {
    grid-column: 21/span 6;
    justify-content: end;
  }
}
.page_top--3 .page_top__link, .page_top--4 .page_top__link, .page_top--5 .page_top__link, .page_top--8 .page_top__link {
  grid-row: 6/span 1;
}
.page_top--3 .page_top--3__right, .page_top--4 .page_top--3__right, .page_top--5 .page_top--3__right, .page_top--8 .page_top--3__right {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .page_top--3 .page_top--3__right, .page_top--4 .page_top--3__right, .page_top--5 .page_top--3__right, .page_top--8 .page_top--3__right {
    grid-row: 3/span 2;
    grid-column: 20/span 7;
    align-self: center;
    gap: 3vw;
  }
}
@media (min-width: 1200px) {
  .page_top--3 .page_top--3__right, .page_top--4 .page_top--3__right, .page_top--5 .page_top--3__right, .page_top--8 .page_top--3__right {
    grid-row: 3/span 2;
    grid-column: 18/span 9;
  }
}
.page_top--3 .page_top--3__right .page_top__img2, .page_top--4 .page_top--3__right .page_top__img2, .page_top--5 .page_top--3__right .page_top__img2, .page_top--8 .page_top--3__right .page_top__img2 {
  position: relative;
}
@media (min-width: 768px) {
  .page_top--3 .page_top--3__right .page_top__img2, .page_top--4 .page_top--3__right .page_top__img2, .page_top--5 .page_top--3__right .page_top__img2, .page_top--8 .page_top--3__right .page_top__img2 {
    width: 61%;
    height: 11.5vw;
  }
}
@media (min-width: 768px) {
  .page_top--3 .page_top__header {
    grid-column: 8/span 11;
  }
}
@media (min-width: 768px) {
  .page_top--3__right {
    margin-bottom: 6vw;
  }
}
@media (min-width: 1200px) {
  .page_top--3__right {
    margin-bottom: 2vw;
  }
}
@media (min-width: 768px) {
  .page_top--3__right > * {
    transform: translate(0, calc(-50% + 100% * var(--progress)));
  }
}
.page_top--3__right > *:nth-child(1) {
  align-self: center;
}
.page_top--3__right > *:nth-child(2) {
  align-self: end;
}
.page_top--3__mid span {
  color: inherit;
}
.page_top--3__mid p {
  line-height: 2.4rem;
}
@media (min-width: 768px) {
  .page_top--3__mid p {
    line-height: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .page_top--3__mid p {
    line-height: 3rem;
  }
}
@media (min-width: 1200px) {
  .page_top--3__mid p {
    line-height: 5rem;
  }
}
@media (min-width: 1920px) {
  .page_top--3__mid p {
    line-height: 2.61vw;
  }
}
@media (min-width: 768px) {
  .page_top--3__mid {
    grid-row: 4/span 1;
    grid-column: 8/span 12;
    margin-bottom: 2vw;
    padding-left: 0.5vw;
  }
}
@media (min-width: 1200px) {
  .page_top--3__mid {
    margin-bottom: 5vw;
  }
}
@media (min-width: 1200px) {
  .page_top--3--a .page_top__text_top.long {
    margin-bottom: 5vw;
    grid-row: 3/span 1;
    grid-column: 8/span 11;
  }
  .page_top--3--a .page_top__text_top.long p {
    max-width: 85%;
  }
}
@media (min-width: 1200px) {
  .page_top--3--a .page_top--3__right {
    padding-top: 10.7vw;
  }
}
.page_top--3 .page_top__text_top {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--3 .page_top__text_top {
    grid-row: 3/span 1;
    grid-column: 8/span 12;
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .page_top--3 .page_top__text_top {
    margin-bottom: 5vw;
    grid-row: 3/span 1;
    grid-column: 8/span 10;
  }
}
@media (min-width: 768px) {
  .page_top--3 .page_top__img3 {
    height: auto;
    padding: 3vw 1vw;
  }
}
@media (min-width: 768px) {
  .page_top--4, .page_top--5, .page_top--6, .page_top--8 {
    margin-bottom: 4vw;
  }
}
.page_top--4 .page_top--3__head_img, .page_top--5 .page_top--3__head_img, .page_top--6 .page_top--3__head_img, .page_top--8 .page_top--3__head_img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  gap: 2rem;
}
@media (min-width: 768px) {
  .page_top--4 .page_top--3__head_img, .page_top--5 .page_top--3__head_img, .page_top--6 .page_top--3__head_img, .page_top--8 .page_top--3__head_img {
    grid-column: 22/span 5;
    grid-row: 1/span 1;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .page_top--4 .page_top--3__head_img, .page_top--5 .page_top--3__head_img, .page_top--6 .page_top--3__head_img, .page_top--8 .page_top--3__head_img {
    grid-column: 21/span 6;
    justify-content: end;
  }
}
.page_top--4 .page_top--3__head_img img:nth-child(1), .page_top--5 .page_top--3__head_img img:nth-child(1), .page_top--6 .page_top--3__head_img img:nth-child(1), .page_top--8 .page_top--3__head_img img:nth-child(1) {
  max-width: 20.5rem;
}
@media (min-width: 1200px) {
  .page_top--4 .page_top--3__head_img img:nth-child(1), .page_top--5 .page_top--3__head_img img:nth-child(1), .page_top--6 .page_top--3__head_img img:nth-child(1), .page_top--8 .page_top--3__head_img img:nth-child(1) {
    transform: translateY(50%);
  }
}
.page_top--4 .page_top--3__head_img img:nth-child(2), .page_top--5 .page_top--3__head_img img:nth-child(2), .page_top--6 .page_top--3__head_img img:nth-child(2), .page_top--8 .page_top--3__head_img img:nth-child(2) {
  max-width: 10.6rem;
}
@media (min-width: 768px) {
  .page_top--4 .page_top__link, .page_top--5 .page_top__link, .page_top--6 .page_top__link, .page_top--8 .page_top__link {
    grid-row: 5/span 1;
    margin-bottom: 1vw;
  }
}
.page_top--4 .page_top--3__right, .page_top--5 .page_top--3__right, .page_top--6 .page_top--3__right, .page_top--8 .page_top--3__right {
  gap: 0;
}
@media (max-width: 767px) {
  .page_top--4 .page_top--3__right, .page_top--5 .page_top--3__right, .page_top--6 .page_top--3__right, .page_top--8 .page_top--3__right {
    grid-row: 6/span 1;
  }
}
.page_top--4 .page_top--3__right > *:nth-child(1):not(.img3), .page_top--5 .page_top--3__right > *:nth-child(1):not(.img3), .page_top--6 .page_top--3__right > *:nth-child(1):not(.img3), .page_top--8 .page_top--3__right > *:nth-child(1):not(.img3) {
  align-self: center;
}
@media (min-width: 768px) {
  .page_top--4 .page_top--3__right > *:nth-child(1):not(.img3), .page_top--5 .page_top--3__right > *:nth-child(1):not(.img3), .page_top--6 .page_top--3__right > *:nth-child(1):not(.img3), .page_top--8 .page_top--3__right > *:nth-child(1):not(.img3) {
    align-self: end;
    transform: translateX(25%);
  }
}
.page_top--4 .page_top--3__right > *:nth-child(1):not(.img3) img, .page_top--5 .page_top--3__right > *:nth-child(1):not(.img3) img, .page_top--6 .page_top--3__right > *:nth-child(1):not(.img3) img, .page_top--8 .page_top--3__right > *:nth-child(1):not(.img3) img {
  transform: scale(0.5);
}
.page_top--4 .page_top--3__right > *:nth-child(2), .page_top--5 .page_top--3__right > *:nth-child(2), .page_top--6 .page_top--3__right > *:nth-child(2), .page_top--8 .page_top--3__right > *:nth-child(2) {
  align-self: center;
}
@media (min-width: 768px) {
  .page_top--4 .page_top--3__right > *:nth-child(2), .page_top--5 .page_top--3__right > *:nth-child(2), .page_top--6 .page_top--3__right > *:nth-child(2), .page_top--8 .page_top--3__right > *:nth-child(2) {
    align-self: end;
  }
}
@media (min-width: 768px) {
  .page_top--4 .shell:before {
    grid-row: 1/span 6;
  }
}
@media (max-width: 767px) {
  .page_top--4 .page_top__text_top {
    grid-row: 5/span 1;
  }
}
.page_top--4 .page_top__img3 {
  display: none;
}
@media (min-width: 768px) {
  .page_top--4 .page_top__img3 {
    display: block;
    grid-row: 6/span 1;
  }
}
@media (max-width: 767px) {
  .page_top--4__list {
    grid-row: 7/span 1;
  }
}
@media (min-width: 768px) {
  .page_top--4__list {
    grid-row: 6/span 1;
    grid-column: 8/span 19;
  }
}
.page_top--4__awards {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
  max-width: 100%;
}
@media (min-width: 768px) {
  .page_top--4__awards {
    padding-top: 1vw;
    grid-row: 9/span 1;
    grid-column: 2/span 25;
    align-items: start;
  }
}
@media (min-width: 1450px) {
  .page_top--4__awards {
    grid-column: 8/span 19;
  }
}
@media (max-width: 360px) {
  .page_top--4__awards .awards__item {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
  }
  .page_top--4__awards .awards__item p {
    text-align: center;
  }
  .page_top--4__awards .awards__item p:nth-of-type(3):before {
    transform: translateX(-50%);
  }
}
@media (min-width: 900px) {
  .page_top--4__awards .awards__item {
    grid-template-columns: 6.7rem 18vw;
  }
  .page_top--4__awards .awards__item p:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .page_top--4__awards .awards__item {
    grid-template-columns: 9.5rem 18vw;
  }
}
@media (min-width: 1450px) {
  .page_top--4__awards .awards__item {
    grid-template-columns: 9.5rem 13vw;
  }
}
@media (max-width: 1199px) {
  .page_top--4__awards .awards__item p:nth-of-type(1) {
    font-size: 1.4rem;
  }
  .page_top--4__awards .awards__item p:nth-of-type(2) {
    font-size: 1.2rem;
  }
}
.page_top--4__awards .awards__item img {
  max-width: 7rem;
  object-fit: contain;
}
@media (min-width: 1200px) {
  .page_top--4__awards .awards__item img {
    max-width: 10.7rem;
  }
}
@media (min-width: 768px) {
  .page_top--5 .shell {
    grid-template-rows: auto;
  }
}
@media (min-width: 768px) {
  .page_top--5 .shell:before {
    grid-row: 1/span 7;
  }
}
.page_top--5 .about__bottom {
  padding-left: 0;
  grid-row: 6/span 1;
  justify-content: start;
}
@media (min-width: 768px) {
  .page_top--5 .about__bottom {
    grid-row: 6/span 1;
    grid-column: 8/span 20;
    column-gap: 1vw;
    align-self: start;
    padding-left: 0.5vw;
  }
}
.page_top--5 .about__bottom .gray_buble {
  width: fit-content;
}
.page_top--5 .page_top__text_top {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--5 .page_top__text_top {
    margin-bottom: 4vw;
    grid-row: 3/span 1;
  }
}
.page_top--5 .page_top--3__right {
  grid-row: 8/span 1;
}
@media (max-width: 359px) {
  .page_top--5 .page_top--3__right {
    padding-top: 2rem;
  }
}
@media (min-width: 768px) {
  .page_top--5 .page_top--3__right {
    grid-row: 3/span 1;
    margin-bottom: 2vw;
    margin-top: 3vw;
  }
}
.page_top--5 .page_top--3__right > *:nth-child(1):not(.img3) {
  margin-top: -8rem;
}
@media (min-width: 768px) {
  .page_top--5 .page_top--3__right > *:nth-child(1):not(.img3) {
    margin-top: -3.7vw;
  }
}
.page_top--5 .page_top__img3 {
  grid-row: 9/span 1;
}
@media (min-width: 768px) {
  .page_top--5 .page_top__img3 {
    grid-row: 6/span 2;
    align-self: end;
  }
}
.page_top--5 .three_bubbles {
  grid-row: 7/span 1;
}
@media (min-width: 768px) {
  .page_top--5 .three_bubbles {
    grid-row: 7/span 1;
    grid-column: 8/span 20;
  }
  .page_top--5 .three_bubbles > a {
    max-width: 19.5vw;
  }
}
@media (min-width: 1200px) {
  .page_top--5 .three_bubbles {
    grid-row: 7/span 1;
    grid-column: 8/span 19;
  }
  .page_top--5 .three_bubbles > a {
    max-width: 21.3rem;
  }
}
@media (min-width: 1600px) {
  .page_top--5 .three_bubbles {
    gap: 2vw;
  }
}
@media (min-width: 768px) {
  .page_top--5 .page_top--4__awards {
    grid-row: 9/span 1;
    grid-column: 2/span 25;
    align-items: start;
  }
}
@media (min-width: 1450px) {
  .page_top--5 .page_top--4__awards {
    grid-column: 8/span 19;
  }
}
@media (min-width: 600px) {
  .page_top--5 .page_top--4__awards .awards__item {
    grid-template-columns: 6.7rem 28vw;
  }
}
@media (min-width: 900px) {
  .page_top--5 .page_top--4__awards .awards__item {
    grid-template-columns: 6.7rem 18vw;
  }
  .page_top--5 .page_top--4__awards .awards__item p:nth-of-type(3) {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .page_top--5 .page_top--4__awards .awards__item {
    grid-template-columns: 9.5rem 18vw;
  }
}
@media (min-width: 1450px) {
  .page_top--5 .page_top--4__awards .awards__item {
    grid-template-columns: 9.5rem 13vw;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .shell:before {
    grid-row: 1/span 6;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .three_bubbles {
    grid-row: 5/span 1;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .page_top__img3 {
    grid-row: 4/span 2;
    align-self: end;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .page_top--3__right {
    grid-row: 3/span 2;
    margin-bottom: 0;
    align-self: start;
  }
}
.page_top--5--a .page_top--3__right figure:nth-child(2) {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .page_top--5--a .page_top--3__right figure:nth-child(2) {
    margin-bottom: 3vw;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .page_top--3__right .img3 {
    width: 23.75vw;
    height: 15vw;
    align-self: end;
  }
}
.page_top--5--a .page_top__text_top {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .page_top--5--a .page_top__text_top p {
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .page_top--5--a .page_top__text_top p {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .about__bottom {
    grid-row: 4/span 1;
    grid-column: 8/span 10;
  }
}
@media (min-width: 768px) {
  .page_top--5--a .three_bubbles {
    grid-column: 8/span 10;
  }
}
@media (min-width: 768px) {
  .page_top--6 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page_top--6 .gate_img {
    margin-bottom: 0;
  }
}
.page_top--6 .shell:before {
  grid-row: 1/span 5;
}
@media (min-width: 768px) {
  .page_top--6 .shell {
    grid-template-rows: auto;
  }
}
.page_top--6 .page_top__img3 {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--6--a .page_top__img3 {
    grid-row: 2/span 1;
  }
}
.page_top--6--a .shell:before {
  grid-row: 1/span 2;
}
@media (min-width: 768px) {
  .page_top--6 .page_top__header {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}

.brcr .brcr__title {
  font-size: 1.8rem;
  letter-spacing: 0.05rem;
  line-height: 2.4rem;
  font-family: var(--font-family-2);
  color: #6E6259;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}
.brcr .brcr__title svg {
  width: 1.5rem;
  height: 1.5rem;
  --svg_clr: var(--c3);
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .brcr .brcr__title {
    text-align: center;
    justify-content: center;
    font-size: 1.8rem;
    letter-spacing: 0.05rem;
    line-height: 2.4rem;
  }
}
.brcr__links {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #9D968D;
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  .brcr__links {
    text-align: center;
  }
}
@media (min-width: 1920px) {
  .brcr__links {
    padding: 0 0.2vw;
    font-size: 0.73vw;
    line-height: 0.94vw;
  }
}
.brcr__links a {
  color: #9D968D;
}

.page_top--0 .shell {
  overflow: hidden;
}
@media (min-width: 1200px) {
  .page_top--0 .shell {
    grid-template-rows: auto auto 16vw auto auto 5vw auto;
  }
  .page_top--0 .shell .page_top__img2 {
    margin-bottom: 6vw;
    position: relative;
    z-index: 20;
    top: 4vw;
  }
}
@media (min-width: 1200px) {
  .page_top--0 .shell .page_top__text_top {
    grid-row: 3/span 3;
  }
}
@media (min-width: 1200px) {
  .page_top--0 .shell .page_top__text_top > div:first-child {
    margin-bottom: 4vw;
  }
}
.page_top--0 .shell .page_top__link p br {
  display: none;
}
@media (min-width: 1200px) {
  .page_top--0 .shell .page_top__link p br {
    display: inline;
  }
}
@media (min-width: 1200px) {
  .page_top--0 .shell .page_top__link {
    flex-flow: column;
    align-items: start;
  }
}
@media (min-width: 768px) {
  .page_top--0--a .shell .page_top__text_top > div:first-child {
    margin-bottom: 2vw;
  }
}

@media (min-width: 768px) {
  .page_top--2 .shell {
    grid-template-rows: 10vw;
  }
}
@media (min-width: 360px) {
  .page_top--2 .shell:before {
    grid-row: 1/span 5;
  }
}
@media (min-width: 768px) {
  .page_top--2 .shell:before {
    grid-row: 1/span 4;
  }
}
.page_top--2 .shell .page_top__text_top {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .page_top--2 .shell .page_top__text_top {
    grid-row: 3/span 1;
    grid-column: 8/span 11;
    grid-row: 3/span 1;
    gap: 1.8vw;
  }
}
.page_top--2 .shell .page_top__text_top > p {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .page_top--2 .shell .page_top__text_top > p:first-of-type {
    max-width: 95%;
    margin-bottom: 1vw;
  }
}
@media (min-width: 1200px) {
  .page_top--2 .shell .page_top__text_top > p.note {
    margin-bottom: 4.3vw;
  }
}
.page_top--2 .shell .page_top__text_top h2 {
  margin-bottom: 0;
}
.page_top--2 .shell .page_top__text_top .page_top__con {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-items: center;
}
@media (min-width: 768px) {
  .page_top--2 .shell .page_top__text_top .page_top__con {
    gap: 2vw;
  }
}
@media (min-width: 1200px) {
  .page_top--2 .shell .page_top__text_top .page_top__con {
    gap: 1vw;
  }
}
.page_top--2 .shell .page_top__img2 {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--2 .shell .page_top__img2 {
    grid-row: 3/span 1;
    align-self: center;
  }
}
.page_top--2 .shell .page_top__img3 {
  grid-row: 6/span 1;
}
@media (min-width: 768px) {
  .page_top--2 .shell .page_top__img3 {
    grid-row: 3/span 1;
  }
}

@media (min-width: 768px) {
  .page_top--7 .shell {
    grid-template-rows: 10vw;
  }
}
@media (min-width: 768px) {
  .page_top--7 .shell:before {
    grid-row: 1/span 5;
  }
}
@media (min-width: 768px) {
  .page_top--7 .shell .page_top__text_top {
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .page_top--7 .shell .page_top__text_top {
    margin-bottom: 7vw;
  }
}
@media (min-width: 768px) {
  .page_top--7 .shell .page_top__img3 {
    grid-row: 5/span 1;
  }
}
.page_top--7__loc {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 768px) {
  .page_top--7__loc {
    grid-row: 5/span 1;
    grid-column: 18/span 9;
  }
}
@media (min-width: 1200px) {
  .page_top--7__loc {
    grid-row: 3/span 5;
    grid-column: 21/span 6;
    padding-left: 2.1vw;
    align-self: end;
    gap: 1.5vw;
    padding-bottom: 3vw;
  }
}
.page_top--7__loc > div {
  width: 100%;
  height: 22rem;
}
.page_top--7__loc > div iframe {
  width: 100%;
  height: 100%;
}
.page_top--7__loc > p:nth-of-type(1) {
  font-size: 1.8rem;
  letter-spacing: 0.07rem;
  line-height: 2.5rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .page_top--7__loc > p:nth-of-type(1) {
    font-size: 2.1rem;
    letter-spacing: 0.09rem;
    line-height: 2.8rem;
  }
}
.page_top--7__loc > p:nth-of-type(2), .page_top--7__loc > p:nth-of-type(3) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}
@media (min-width: 768px) {
  .page_top--7__loc > p:nth-of-type(2), .page_top--7__loc > p:nth-of-type(3) {
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
}
.page_top--7__loc > p:nth-of-type(3) a {
  color: inherit;
  font-family: var(--font-family);
}
.page_top--7__loc > p:nth-of-type(3) a:hover {
  color: #004432;
}

.page_top--8 .shell:before {
  grid-row: 1/span 9;
}
@media (min-width: 768px) {
  .page_top--8 .shell:before {
    grid-row: 1/span 6;
  }
}
@media (min-width: 768px) {
  .page_top--8 .page_top__text_top {
    margin-bottom: 1vw;
  }
}
.page_top--8 .page_top__text_top {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--8 .page_top__text_top {
    grid-row: 3/span 1;
  }
}
.page_top--8 .page_top__text_top--2 {
  grid-row: 6/span 1;
}
@media (min-width: 768px) {
  .page_top--8 .page_top__text_top--2 {
    grid-row: 4/span 1;
  }
}
.page_top--8 .page_top__img2 {
  width: 100%;
  grid-row: 7/span 1;
}
@media (min-width: 360px) {
  .page_top--8 .page_top__img2 {
    width: 80%;
    justify-self: center;
  }
}
@media (min-width: 768px) {
  .page_top--8 .page_top__img2 {
    grid-row: 4/span 2;
    grid-column: 20/span 7;
    max-width: 53rem;
    align-self: start;
    width: 100%;
    position: relative;
    z-index: 20;
  }
}
@media (min-width: 1200px) {
  .page_top--8 .page_top__img2 {
    grid-column: 19/span 8;
  }
}
.page_top--8 .page_top__img2 iframe,
.page_top--8 .page_top__img2 video {
  width: 100%;
  height: 25rem;
}
@media (min-width: 1200px) {
  .page_top--8 .page_top__img2 iframe,
.page_top--8 .page_top__img2 video {
    height: 30rem;
  }
}
.page_top--8 .page_top__img3 {
  grid-row: 9/span 1;
}
@media (min-width: 768px) {
  .page_top--8 .page_top__img3 {
    grid-row: 5/span 1;
  }
}
.page_top--8 .about__bottom {
  grid-row: 8/span 1;
}
@media (min-width: 768px) {
  .page_top--8 .about__bottom {
    grid-row: 5/span 1;
    grid-column: 8/span 14;
    align-self: center;
    margin: 1vw 0;
  }
}
@media (min-width: 1200px) {
  .page_top--8 .about__bottom {
    grid-column: 8/span 8;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .page_top--9 .shell {
    grid-template-rows: 10vw auto;
  }
}
.page_top--9 .shell:before {
  grid-row: 1/span 7;
}
@media (min-width: 768px) {
  .page_top--9 .shell:before {
    grid-row: 1/span 4;
  }
}
@media (min-width: 768px) {
  .page_top--9 .shell .page_top__text_top {
    grid-row: 3/span 1;
  }
}
.page_top--9 .shell .page_top__text_top h2 {
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .page_top--9 .shell .page_top__text_top p {
    max-width: 17vw;
  }
}
.page_top--9 .shell .page_top__text_top--text {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--9 .shell .page_top__text_top--text {
    grid-row: 4/span 1;
  }
}
.page_top--9 .shell .page_top__img2 {
  grid-row: 6/span 1;
}
@media (min-width: 768px) {
  .page_top--9 .shell .page_top__img2 {
    grid-row: 4/span 1;
    align-self: start;
  }
}
.page_top--9 .shell .page_top__img3 {
  grid-row: 7/span 1;
}
@media (min-width: 768px) {
  .page_top--9 .shell .page_top__img3 {
    grid-row: 4/span 1;
  }
}

@media (min-width: 768px) {
  .page_top--10 {
    padding-bottom: 0;
  }
}
.page_top--10 .shell {
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .page_top--10 .shell {
    grid-template-rows: 22rem;
  }
}
.page_top--10 .shell:before {
  grid-row: 1/span 2;
}
@media (min-width: 768px) {
  .page_top--10 .shell:before {
    grid-row: 1/span 1;
  }
}
.page_top--10 .shell .title {
  grid-row: 1/span 1;
  align-self: center;
}
.page_top--10 .shell .title h1 {
  text-align: center;
  font-weight: 400;
}
.page_top--10 .shell .title h1 br {
  display: none;
}
@media (min-width: 768px) {
  .page_top--10 .shell .title h1 br {
    display: inline;
  }
}
@media (min-width: 768px) {
  .page_top--10 .shell .brcr {
    padding-top: 0;
    grid-row: 1/span 1;
    align-self: center;
  }
}

.page_top--11 .shell {
  row-gap: 2rem;
  grid-template-rows: auto;
}
@media (min-width: 768px) {
  .page_top--11 .shell {
    gap: 0;
  }
}
@media (min-width: 768px) {
  .page_top--11 .shell:before {
    grid-row: 1/span 5;
  }
}
@media (min-width: 1200px) {
  .page_top--11 .shell:before {
    grid-row: 1/span 3;
  }
}
.page_top--11 .shell:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  grid-row: 1/span 1;
  grid-column: 1/span 3;
  background: #F6F4F2;
}
@media (min-width: 360px) {
  .page_top--11 .shell:after {
    grid-column: 1/span 32;
  }
}
@media (min-width: 768px) {
  .page_top--11 .shell:after {
    grid-column: 2/span 25;
  }
}
.page_top--11 .shell .about__bottom {
  grid-row: unset;
}
@media (min-width: 768px) {
  .page_top--11 .shell .about__bottom {
    grid-row: 5/span 1;
    grid-column: 8/span 13;
    justify-self: start;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .page_top--11 .shell .about__bottom {
    grid-row: 3/span 1;
    grid-column: 16/span 11;
    padding-left: 1vw;
  }
}
.page_top--11__head {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
@media (min-width: 768px) {
  .page_top--11__head {
    grid-row: 1/span 1;
    grid-column: 8/span 19;
    padding-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .page_top--11__head {
    grid-row: 1/span 1;
    grid-column: 8/span 7;
    padding-top: 2.5rem;
  }
}
.page_top--11__head div:nth-child(1) p {
  font-size: 1.7rem;
  line-height: 2.5rem;
  margin-bottom: 1rem;
  color: #9D968D;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .page_top--11__head div:nth-child(1) p {
    font-size: 2.51rem;
    line-height: 3rem;
  }
}
.page_top--11__head div:nth-child(2) h1 {
  font-weight: 400;
  color: #9D968D;
  margin-bottom: 1rem;
}
.page_top--11__head div:nth-child(3) p {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #9D968D;
}
@media (min-width: 1200px) {
  .page_top--11__head div:nth-child(3) p {
    font-size: 1.883;
  }
}
.page_top--11__thumb {
  height: 60vw;
}
@media (min-width: 768px) {
  .page_top--11__thumb {
    grid-row: 2/span 1;
    grid-column: 15/span 12;
    max-height: 23.5rem;
    height: 20vw;
    margin-bottom: 1rem;
  }
  .page_top--11__thumb.par_image img {
    transform: translate(0, calc(-5% + var(--progress) * 30%)) scale(1.1);
  }
}
@media (min-width: 1200px) {
  .page_top--11__thumb {
    grid-row: 1/span 1;
    grid-column: 15/span 12;
    margin-bottom: 0;
    margin-left: 1vw;
  }
}
.page_top--11 .page_top--11__info {
  font-size: 1.6rem;
  letter-spacing: 0.023rem;
  line-height: 3.6rem;
  color: #6E6259;
}
@media (min-width: 768px) {
  .page_top--11 .page_top--11__info {
    grid-row: 3/span 1;
    grid-column: 8/span 19;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .page_top--11 .page_top--11__info {
    grid-row: 2/span 2;
    grid-column: 7/span 9;
    width: 79%;
    margin: 0 auto;
    padding-top: 1.3vw;
    position: relative;
    top: 0.7vw;
  }
}
@media (min-width: 768px) {
  .page_top--11 .con_text {
    grid-row: 4/span 1;
    grid-column: 8/span 19;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .page_top--11 .con_text {
    grid-row: 2/span 1;
    grid-column: 16/span 11;
  }
}

.page_top--room {
  overflow: hidden;
}
.page_top--room .shell {
  row-gap: 0;
}
@media (min-width: 768px) {
  .page_top--room .shell {
    grid-template-rows: 10vw auto auto auto 1fr;
  }
}
@media (min-width: 360px) {
  .page_top--room .shell:before {
    grid-row: 1/span 4;
    grid-column: 1/span 3;
  }
}
@media (min-width: 768px) {
  .page_top--room .shell:before {
    grid-row: 1/span 5;
    grid-column: 2/span 6;
  }
}
@media (min-width: 1200px) {
  .page_top--room .shell:before {
    grid-row: 1/span 6;
    height: calc(100% - 0.1vw);
  }
}
.page_top--room .room {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .page_top--room .room {
    grid-row: 3/span 1;
    grid-column: 8/span 19;
    max-width: 50rem;
  }
}
@media (min-width: 1200px) {
  .page_top--room .room {
    grid-row: 3/span 2;
    grid-column: 8/span 11;
    padding-left: 0.5vw;
    max-width: 100%;
  }
}
.page_top--room .room .text--su span {
  text-transform: unset;
}
.page_top--room .room__info {
  padding-bottom: 0;
}
.page_top--room .room__info > p {
  margin-bottom: 2rem;
}
.page_top--room .room__info > div:not(.room__feat) {
  justify-content: center;
}
@media (min-width: 360px) {
  .page_top--room .room__info > div:not(.room__feat) {
    justify-content: start;
  }
}
@media (min-width: 1200px) {
  .page_top--room .room__info > div:not(.room__feat) .arrow_link {
    margin-right: 70%;
    margin-bottom: 0.5vw;
    padding: 0 1.5vw;
  }
}
@media (min-width: 768px) {
  .page_top--room .room .gray_buble {
    padding: 1.5rem 3.5rem;
    max-width: fit-content;
    column-gap: 3vw;
  }
  .page_top--room .room .gray_buble:before {
    left: 50%;
  }
}
@media (min-width: 1200px) {
  .page_top--room .room .gray_buble {
    padding: 0.7vw 2vw;
  }
}
.page_top--room .gate_img {
  margin-bottom: 1rem;
}
.page_top--room .page_top__header {
  margin-bottom: 3rem;
}
.page_top--room .room_tour {
  grid-column: 2/span 2;
  margin-top: 4rem;
}
@media (min-width: 360px) {
  .page_top--room .room_tour {
    grid-column: 5/span 29;
  }
}
@media (min-width: 768px) {
  .page_top--room .room_tour {
    grid-row: 4/span 1;
    grid-column: 17/span 11;
    max-width: 30rem;
    justify-self: end;
  }
}
@media (min-width: 1200px) {
  .page_top--room .room_tour {
    grid-row: 4/span 2;
    grid-column: 19/span 9;
    padding-left: 2.8vw;
    max-width: 100%;
    width: 32.15vw;
    height: 18.14vw;
    align-self: start;
    margin-top: 0;
  }
  .page_top--room .room_tour figure {
    width: 100%;
    height: 100%;
  }
}
.page_top--room .page_top__img3 {
  display: none;
}
@media (min-width: 768px) {
  .page_top--room .page_top__img3 {
    grid-row: 6/span 1;
    display: block;
  }
}
@media (min-width: 1200px) {
  .page_top--room .page_top__img3 {
    position: relative;
    bottom: 0.1vw;
  }
}
.page_top--room .brcr {
  margin-bottom: 1rem;
}
.page_top--room .room_spaces {
  background: #EAE6E0;
  position: relative;
  padding: 2rem 0 2rem 1rem;
}
@media (min-width: 768px) {
  .page_top--room .room_spaces {
    grid-row: 5/span 1;
    grid-column: 8/span 19;
    display: grid;
    column-gap: 2rem;
    padding: 2vw 3vw 0 3vw;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
  }
}
@media (min-width: 1200px) {
  .page_top--room .room_spaces {
    grid-row: 6/span 1;
    grid-column: 11/span 16;
  }
}
.page_top--room .room_spaces:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #EAE6E0;
  left: 100%;
  top: 0;
}
@media (min-width: 768px) {
  .page_top--room .room_spaces:before {
    content: none;
  }
}
.page_top--room .room_spaces > p {
  color: #8C8279;
  font-weight: 300;
}
@media (min-width: 768px) {
  .page_top--room .room_spaces > p {
    align-self: end;
    position: relative;
    top: 1rem;
  }
}
@media (min-width: 1400px) {
  .page_top--room .room_spaces > p {
    top: 3.2vw;
  }
}
.page_top--room .room_spaces h2 {
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 5rem;
  line-height: 5rem;
  font-family: var(--font-family-2);
}
@media (min-width: 360px) {
  .page_top--room .room_spaces h2 {
    font-size: 6rem;
    line-height: 6rem;
  }
}
@media (min-width: 768px) {
  .page_top--room .room_spaces h2 {
    margin-bottom: 0;
    position: relative;
    bottom: -0.5rem;
  }
}
@media (min-width: 1400px) {
  .page_top--room .room_spaces h2 {
    font-size: 6.25vw;
    line-height: 8.34vw;
    bottom: -1.58vw;
  }
}
@media (min-width: 768px) {
  .page_top--room .room_spaces > div {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
    padding-bottom: 2rem;
  }
}
.page_top--room .room_spaces > div p {
  text-align: right;
  color: #8C8279;
}
.page_top--room .room_spaces > div p.big {
  font-size: 2.1rem;
  letter-spacing: 0.06rem;
  line-height: 2.5rem;
  font-weight: 300;
}
@media (min-width: 360px) {
  .page_top--room .room_spaces > div p.big {
    font-size: 2.4rem;
    letter-spacing: 0.07rem;
    line-height: 2.9rem;
  }
}
@media (min-width: 768px) {
  .page_top--room .room_spaces > div p.big {
    font-size: 1.8rem;
    letter-spacing: 0.05rem;
    line-height: 2.3rem;
  }
}
@media (min-width: 1400px) {
  .page_top--room .room_spaces > div p.big {
    font-size: 1.25vw;
    letter-spacing: 0.0036vw;
    line-height: 1.51vw;
    margin-bottom: 0.6vw;
  }
}
.page_top--room .room_spaces > div p.big:not(.up_case) {
  margin-bottom: 2rem;
}
@media (min-width: 1400px) {
  .page_top--room .room_spaces > div p.big:not(.up_case) {
    margin-bottom: 1.6vw;
  }
}
.page_top--room .room_spaces > div p.up_case {
  text-transform: uppercase;
}
.page_top--room .room_spaces > div p:not(.big) {
  font-size: 1.6rem;
  letter-spacing: 0.02rem;
  line-height: 2.4rem;
}
@media (min-width: 360px) {
  .page_top--room .room_spaces > div p:not(.big) {
    font-size: 1.8rem;
    letter-spacing: 0.03rem;
    line-height: 2.8rem;
  }
}
@media (min-width: 768px) {
  .page_top--room .room_spaces > div p:not(.big) {
    font-size: 1.6rem;
    letter-spacing: 0.02rem;
    line-height: 2.4rem;
  }
}
@media (min-width: 768px) {
  .page_top--room .room_spaces > div p:not(.big) {
    font-size: 0.94vw;
    letter-spacing: 0.016vw;
    line-height: 1.46vw;
  }
}

.page_top--12 .shell:before {
  grid-row: 1/span 5;
}
@media (min-width: 768px) {
  .page_top--12 .shell:before {
    grid-row: 1/span 3;
  }
}
.page_top--12 .shell .page_top__img3 {
  grid-row: 5/span 1;
}
@media (min-width: 768px) {
  .page_top--12 .shell .page_top__img3 {
    grid-row: 4/span 1;
  }
}
@media (min-width: 768px) {
  .page_top--12 .shell .gate_img {
    margin-bottom: 1vw;
  }
}
@media (min-width: 768px) {
  .page_top--12 .shell .page_top__header {
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .page_top--12__text {
    grid-row: 3/span 3;
    grid-column: 8/span 19;
    display: flex;
    flex-flow: column;
    gap: 2.2vw;
  }
  .page_top--12__text > * {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .page_top--12__text {
    margin-top: 2.2vw;
    grid-column: 8/span 12;
  }
}
.page_top--12.no_effect .gate_img {
  margin-top: 0;
}

/* -------------------------- *\
by A.Alexandrov 
    .page_top--menu
\* -------------------------- */
.page_top--menu {
  margin-bottom: 7rem;
}
@media (min-width: 768px) {
  .page_top--menu {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .page_top--menu .shell {
    grid-template-rows: 10vw auto auto auto 8vw;
  }
}
.page_top--menu .shell:before {
  grid-row: 1/span 4;
}
.page_top--menu__top {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  gap: 4rem;
  padding: 3rem 1rem 2rem 1rem;
  background: #F6F4F2;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .page_top--menu__top {
    grid-row: 2/span 1;
    grid-column: 8/span 19;
    margin-left: 0.2vw;
  }
}
.page_top--menu__top > p {
  font-size: 4rem;
  text-transform: uppercase;
}
.page_top--menu__top figure:nth-of-type(2) {
  width: 50%;
  max-width: 10.6rem;
}
.page_top--menu .page_top__img3 {
  display: none;
}
@media (min-width: 768px) {
  .page_top--menu .page_top__img3 {
    display: flex;
    align-items: center;
    grid-row: 3/span 1;
    padding: 0 1vw;
    height: auto;
    min-height: 13vw;
  }
  .page_top--menu .page_top__img3 img {
    height: auto;
  }
}
.page_top--menu .page_top__header {
  margin-bottom: 2rem;
}
.page_top--menu__list {
  display: grid;
  gap: 10rem;
}
@media (min-width: 600px) {
  .page_top--menu__list {
    grid-template-columns: 1fr 1fr;
    column-gap: 2vw;
  }
}
@media (min-width: 768px) {
  .page_top--menu__list {
    grid-row: 3/span 1;
    grid-column: 8/span 19;
    padding-left: 0.2vw;
  }
}
@media (min-width: 1200px) {
  .page_top--menu__list {
    justify-content: space-between;
    row-gap: 5vw;
  }
}
.page_top--menu__list > a {
  display: block;
  position: relative;
}
@media (min-width: 600px) {
  .page_top--menu__list > a {
    transition: none;
    width: 40vw;
    height: 30vw;
  }
  .page_top--menu__list > a:nth-child(even) {
    justify-self: end;
  }
  .page_top--menu__list > a figure {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 768px) {
  .page_top--menu__list > a {
    transition: none;
    width: 28.35vw;
    height: 15.94vw;
  }
}
.page_top--menu__list > a > div {
  position: absolute;
  right: 2rem;
  top: 90%;
  background: #EAE6E0;
  width: 80%;
  min-height: 6.9rem;
  padding: 0 1rem;
  display: flex;
  flex-flow: column;
  justify-content: end;
}
@media (min-width: 1200px) {
  .page_top--menu__list > a > div {
    width: unset;
    min-width: 20.2vw;
    min-height: 4.15vw;
    padding: 0 1vw;
    top: unset;
    bottom: -3vw;
    right: 2vw;
  }
}
@media (min-width: 1600px) {
  .page_top--menu__list > a > div {
    width: 16.2vw;
  }
}
.page_top--menu__list > a > div:before {
  content: "";
  width: 100%;
  height: 0.9rem;
  position: absolute;
  background: #FFFFFF;
  bottom: 0;
  left: 0;
}
.page_top--menu__list > a > div p:first-of-type {
  font-size: 1.361rem;
  line-height: 1.6rem;
  color: #8C8279;
  font-weight: 300;
  transform: translateY(0.8rem);
}
.page_top--menu__list > a > div p:last-of-type {
  font-size: 3.402rem;
  line-height: 4.6rem;
  font-family: var(--font-family-2);
  color: #6E6259;
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .page_top--menu__list > a > div p:last-of-type {
    font-size: 3vw;
    line-height: 4.4vw;
  }
}
@media (min-width: 1200px) {
  .page_top--menu__list > a > div p:last-of-type {
    font-size: 2.5vw;
    line-height: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .page_top--menu__list > a > div p:last-of-type {
    font-size: 2.2vw;
    line-height: 2.9vw;
  }
}
.page_top--menu__list > a > div svg {
  position: absolute;
  top: 1rem;
  right: 1.2rem;
  width: 2.3rem;
  height: 2.3rem;
  --svg-clr: var(--c8);
}
@media (min-width: 1200px) {
  .page_top--menu__list > a > div svg {
    right: 0.7vw;
    top: 0.5vw;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .gate_img
    .gate_image--2
    .large_titles
\* -------------------------- */
@media (min-width: 1200px) {
  .gate_img {
    position: relative;
    margin-bottom: 5vw;
  }
}
.gate_img .gate_img__wrap {
  height: auto;
  width: 100%;
  overflow: hidden;
  will-change: transform;
}
@media (min-width: 768px) {
  .gate_img .gate_img__wrap {
    transform: scale(calc(0.8 + 0.2 * var(--pr)), 1);
    height: 106vh;
  }
}
@media (min-width: 768px) {
  .gate_img .gate_img__wrap figure {
    position: relative;
    top: 3vw;
    height: 100%;
    overflow: hidden;
  }
}
.gate_img .gate_img__wrap figure img {
  width: 100%;
  height: 120%;
  object-fit: cover;
  display: block;
}
@media (min-width: 768px) {
  .gate_img .gate_img__wrap figure img {
    transform: scale(calc(1.25 - 0.25 * var(--pr)), 1);
  }
}
@media (min-width: 768px) {
  .gate_img .gate_img__wrap {
    height: 56.25vw;
    position: relative;
  }
}
.gate_img .gate_img__box {
  background: #EAE6E0;
  display: grid;
  grid-template-columns: 100%;
  gap: 0.5rem;
  padding: 1.5rem 1rem 2rem 1rem;
  position: relative;
  z-index: 20;
  margin-left: auto;
}
@media (min-width: 360px) {
  .gate_img .gate_img__box {
    padding: 1.5rem 1rem 0 1rem;
    grid-template-columns: 1fr auto;
    row-gap: 1.5rem;
  }
}
@media (min-width: 360px) {
  .gate_img .gate_img__box {
    padding: 1.5rem 3rem 0 3rem;
  }
}
@media (min-width: 768px) {
  .gate_img .gate_img__box {
    row-gap: 0;
    padding-top: 2vw;
    max-width: 116.8rem;
    padding: 1.5rem 10rem 0 10rem;
  }
}
@media (min-width: 1200px) {
  .gate_img .gate_img__box {
    position: absolute;
    top: 100%;
    right: 0;
    padding: 2.5vw 3vw 0.7vw 3vw;
    width: 85%;
    transform: translate(-7.8vw, -6.2vw);
  }
}
@media (min-width: 1920px) {
  .gate_img .gate_img__box {
    max-width: 60.85vw;
  }
}
.gate_img .gate_img__box > *:not(.gate_img__link) {
  display: block;
  overflow: hidden;
}
.gate_img .gate_img__box > *:not(.gate_img__link) span {
  display: block;
  position: relative;
  transform: translateY(100%);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.gate_img .gate_img__box.is-inview > *:not(.gate_img__link) span {
  transform: translateY(0%);
}
.gate_img__small {
  padding-bottom: 0.5rem;
  margin: 0;
  font-size: 1.62rem;
  line-height: 2.52rem;
  color: #9D968D;
  font-family: var(--font-family);
}
@media (min-width: 768px) {
  .gate_img__small {
    padding-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .gate_img__small {
    padding-bottom: 2.5vw;
    grid-row: 1/span 1;
    grid-column: 1/span 2;
  }
}
.gate_img__small a {
  color: inherit;
}
.gate_img__small a:hover {
  color: #004432;
}
.gate_img__top {
  justify-self: start;
  text-align: left;
}
@media (min-width: 360px) {
  .gate_img__top {
    align-self: center;
    grid-column: 1/span 2;
  }
}
@media (min-width: 1200px) {
  .gate_img__top {
    grid-row: 2/span 1;
    grid-column: 1/span 2;
  }
}
.gate_img__bot {
  font-size: 3rem;
  justify-self: start;
  font-family: var(--font-family-2);
  color: #FFFFFF;
}
@media (min-width: 360px) {
  .gate_img__bot {
    grid-column: 1/span 2;
    font-size: 4.5rem;
    line-height: 4.6rem;
    position: relative;
    bottom: -0.5rem;
  }
}
@media (min-width: 768px) {
  .gate_img__bot {
    font-size: 8rem;
    line-height: 7rem;
    bottom: -0.2rem;
  }
}
@media (min-width: 1200px) {
  .gate_img__bot {
    font-size: 6.25vw;
    line-height: 4.69vw;
    bottom: -0.85vw;
    grid-column: unset;
  }
  .gate_img__bot span {
    top: -0.4vw;
  }
}
.gate_img__link {
  justify-self: end;
  background: rgba(0, 0, 0, 0);
}
@media (min-width: 360px) {
  .gate_img__link {
    grid-row: 1/span 1;
    grid-column: 2/span 1;
  }
}
@media (min-width: 1200px) {
  .gate_img__link {
    grid-row: unset;
    grid-column: unset;
    align-self: center;
  }
}
@media (min-width: 1200px) {
  .gate_img.has_box {
    margin-bottom: 10vw;
  }
}

.gate_image.open_video {
  cursor: pointer;
  user-select: none;
}

.gate_image--2 .gate_img {
  margin-bottom: 0;
}
.gate_image--2 .gate_img > div {
  background: rgba(0, 0, 0, 0);
  display: block;
  padding: 2vw;
}
@media (min-width: 320px) {
  .gate_image--2 .gate_img > div {
    padding: 0 3vw 0 12.5vw;
  }
}
@media (min-width: 768px) {
  .gate_image--2 .gate_img > div {
    margin-bottom: 2vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 100%;
    width: 100%;
    padding: 0 5.5vw;
    margin: 0;
    column-gap: 4vw;
  }
}
@media (min-width: 1200px) {
  .gate_image--2 .gate_img > div {
    position: relative;
    top: 0;
    transform: none;
  }
}
.gate_image--2 .gate_img > div h2 {
  color: #6E6259;
}
@media (min-width: 768px) {
  .gate_image--2 .gate_img > div h2 {
    grid-column: 1/span 2;
  }
}
.gate_image--2 .gate_img > div p {
  color: #8C8279;
}
.gate_image--2 .gate_img figure:last-of-type {
  width: 20rem;
  height: 15rem;
  position: relative;
  z-index: 10;
  overflow: visible;
}
@media (max-width: 767px) {
  .gate_image--2 .gate_img figure:last-of-type {
    margin-top: -15vw;
  }
}
@media (min-width: 768px) {
  .gate_image--2 .gate_img figure:last-of-type {
    width: auto;
    height: auto;
  }
}
.gate_image--2 .gate_img figure:last-of-type img {
  max-width: fit-content;
  height: auto;
  transform: translate(10%, calc(50% - 50% * var(--progress)));
}
@media (min-width: 768px) {
  .gate_image--2 .gate_img figure:last-of-type img {
    transform: translate(10%, calc(-50% * var(--progress)));
  }
}

.large_titles .gate_img > div {
  position: relative;
  top: unset;
  right: unset;
  transform: none;
  margin: 0;
  grid-template-columns: 100%;
}
@media (min-width: 768px) {
  .large_titles .gate_img > div {
    grid-column: 2/span 18;
    padding-top: 5vw;
  }
}
.large_titles .gate_img > div p {
  grid-row: unset;
  grid-column: unset;
}
@media (min-width: 768px) {
  .large_titles .gate_img > div p {
    position: relative;
    top: 0.3vw;
  }
}
@media (min-width: 1200px) {
  .large_titles .gate_img > div .gate_img__bot {
    bottom: -0.9vw;
    line-height: 5.5vw;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .text_image
    .text_image_3
    .text_image_4
    .text_image_5
    .text_image_6
\* -------------------------- */
@media (max-width: 767px) {
  .text_image {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  .text_image {
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .text_image .shell {
    row-gap: 2vh;
  }
}
@media (min-width: 1200px) {
  .text_image .shell {
    row-gap: 7vh;
  }
}
.text_image .shell > * {
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .text_image .shell > * {
    grid-column: 5/span 28;
  }
}
@media (max-width: 767px) {
  .text_image .shell figure,
.text_image .shell .text_image__top,
.text_image .shell .text_image__bot {
    transform: none !important;
  }
}
.text_image .shell figure {
  height: 25rem;
}
@media (max-width: 767px) {
  .text_image .shell .about__img {
    margin-top: 0;
  }
}
.text_image .shell figure + .scroll_track {
  display: none;
}
@media (min-width: 768px) {
  .text_image .shell figure + .scroll_track {
    grid-row: 1/span 2;
    grid-column: 19/span 7;
    display: block;
    height: 25%;
    position: relative;
    top: -20vh;
    padding-left: 1vw;
  }
}
@media (min-width: 768px) {
  .text_image .shell figure {
    width: 100%;
    grid-row: 1/span 2;
    grid-column: 19/span 7;
    height: 32.655vw;
    align-self: center;
    --min: 0.8;
    --max: 1.6;
    --foX: -25%;
    --foY: 0;
  }
  .text_image .shell .text_image__top {
    grid-row: 1/span 1;
    grid-column: 3/span 12;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .text_image .shell .text_image__top {
    padding-left: 18vw;
    display: flex;
    flex-flow: column;
    justify-content: end;
  }
}
@media (min-width: 768px) {
  .text_image .shell .text_image__bot {
    grid-row: 2/span 1;
    grid-column: 3/span 12;
  }
  .text_image .shell .text_image__bot > p:first-of-type {
    margin-top: 0;
  }
  .text_image .shell .text_image__bot > p:last-of-type {
    margin-bottom: 0;
  }
  .text_image .shell .text_image__bot .arrow_link {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) and (min-width: 1200px) {
  .text_image .shell .text_image__bot .arrow_link {
    margin-top: 3vw;
  }
}
@media (min-width: 768px) {
  .text_image .shell .text_image__top > *:last-child,
.text_image .shell .text_image__bot > *:last-child {
    margin-bottom: 0;
  }
  .text_image .shell .text_image__top > *:last-child li a,
.text_image .shell .text_image__bot > *:last-child li a {
    color: #004432;
  }
  .text_image .shell .text_image__top > *:last-child li a:hover,
.text_image .shell .text_image__bot > *:last-child li a:hover {
    color: #D8D8D8;
  }
}

.text_image_0 .shell h2 {
  margin-top: 0;
  margin-bottom: 1rem;
}
@media (min-width: 320px) {
  .text_image_0 .shell h2 {
    margin-bottom: 6vw;
  }
}

.text_image_5 .shell {
  row-gap: 2rem;
}
@media (min-width: 768px) {
  .text_image_5 .shell > div {
    grid-column: 3/span 24;
    margin-bottom: 1.5vw;
  }
}
@media (min-width: 768px) {
  .text_image_5 .img1 {
    grid-column: 3/span 17;
  }
}
@media (min-width: 1024px) {
  .text_image_5 .img1 {
    height: 37vw;
  }
}
.text_image_5 .img3 {
  justify-self: end;
  position: relative;
}
.text_image_5 .img3 img {
  width: auto;
}
@media (max-width: 767px) {
  .text_image_5 .img3 {
    top: -5rem;
    right: 2rem;
    max-height: 17rem;
    transform: none !important;
  }
}
@media (min-width: 768px) {
  .text_image_5 .img3 {
    grid-row: 2/span 1;
    grid-column: 21/span 6;
    align-self: start;
  }
}
@media (min-width: 1024px) {
  .text_image_5 .img3 {
    align-self: center;
  }
}
.text_image_5 .arrow_link {
  grid-row: 2/span 1;
}
@media (min-width: 768px) {
  .text_image_5 .arrow_link {
    grid-row: 2/span 1;
    grid-column: 21/span 6;
    align-self: end;
    position: relative;
    bottom: 1vw;
    left: 1.9vw;
  }
}
@media (min-width: 1400px) {
  .text_image_5 .arrow_link {
    width: 10vw;
  }
}

@media (max-width: 767px) {
  .text_image_3 {
    padding-bottom: 0;
  }
  .text_image_3 .plain_text__text > *:last-child {
    margin-bottom: 0;
  }
}
.text_image_3 .shell {
  row-gap: 2rem;
}
@media (min-width: 768px) {
  .text_image_3 .shell {
    row-gap: 0;
  }
}
.text_image_3 .img1 {
  width: 100%;
  height: 30rem;
}
@media (min-width: 768px) {
  .text_image_3 .img1 {
    grid-column: 3/span 17;
    grid-row: 2/span 1;
    height: auto;
    margin-bottom: 7vw;
  }
}
.text_image_3 .img2 {
  grid-column: 2/span 1;
  width: 80%;
}
@media (min-width: 360px) {
  .text_image_3 .img2 {
    grid-column: 5/span 28;
    width: 60%;
    max-width: 31.1rem;
  }
}
@media (min-width: 768px) {
  .text_image_3 .img2 {
    grid-column: 22/span 5;
    grid-row: 2/span 1;
    justify-self: end;
    align-self: start;
    width: 100%;
  }
}
.text_image_3 .img3 {
  grid-column: 2/span 1;
  width: 90%;
  justify-self: end;
}
@media (max-width: 767px) {
  .text_image_3 .img3 {
    transform: none !important;
  }
}
@media (min-width: 360px) {
  .text_image_3 .img3 {
    grid-column: 5/span 28;
    width: 70%;
    max-width: 35rem;
  }
}
@media (min-width: 768px) {
  .text_image_3 .img3 {
    grid-column: 21/span 6;
    grid-row: 2/span 1;
    justify-self: end;
    align-self: center;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .text_image_3 .plain_text__text {
    margin-bottom: 1vw;
    grid-row: 3/span 1;
  }
}
@media (min-width: 768px) {
  .text_image_3 .text_image_3__text {
    grid-row: 1/span 1;
  }
}
@media (min-width: 768px) {
  .text_image_3 .text_image_3__link {
    grid-row: 4/span 1;
  }
}
@media (min-width: 768px) {
  .text_image_3 .shell > div {
    grid-column: 3/span 23;
  }
}
.text_image_3 .shell > div > p {
  margin-bottom: 2vh;
}
@media (min-width: 768px) {
  .text_image_3.no_mar .img1 {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .text_image_4 {
    margin-top: 3vw;
  }
}
.text_image_4 .shell .cont {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .text_image_4 .shell .cont {
    grid-row: 1/span 1;
    grid-column: 13/span 12;
    display: flex;
    flex-flow: column;
    gap: 2vw;
    margin-bottom: 8vw;
    margin-top: 2vw;
    padding-left: 1vw;
    transform: translateY(calc(-3vw + var(--progress) * 6vw));
  }
  .text_image_4 .shell .cont .arrow_link {
    align-self: end;
  }
  .text_image_4 .shell .cont .arrow_link p {
    color: inherit;
  }
  .text_image_4 .shell .cont p {
    max-width: 25vw;
  }
}
.text_image_4 .shell .cont p {
  color: #6E6259;
  font-family: var(--font-family);
}
@media (max-width: 767px) {
  .text_image_4 .shell .cont p:last-child {
    margin-bottom: 0;
  }
}
.text_image_4 .shell > figure {
  height: auto;
}
.text_image_4 .shell > figure:last-of-type {
  width: 80%;
  max-width: 35rem;
  justify-self: center;
}
@media (min-width: 768px) {
  .text_image_4 .shell > figure:last-of-type {
    grid-row: 2/span 1;
    grid-column: 14/span 10;
    width: 100%;
    height: 20vw;
    position: relative;
    --min: 0.8;
    --max: 1.1;
    --foX: 0;
    --foY: 0;
    --img: 120%;
  }
  .text_image_4 .shell > figure:last-of-type img {
    height: auto;
    object-fit: scale-down;
  }
}
@media (min-width: 1200px) {
  .text_image_4 .shell > figure:last-of-type {
    grid-row: 2/span 1;
    grid-column: 15/span 6;
    top: -3.5vw;
    height: 12vw;
    left: 7vw;
    --min: 1;
    --max: 2.5;
    --foX: 0;
    --foY: 0;
    --img: 180%;
  }
}
@media (min-width: 1920px) {
  .text_image_4 .shell > figure:last-of-type {
    max-width: 17.2vw;
  }
}
.text_image_4 .shell > .scroll_track {
  display: none;
}
@media (min-width: 768px) {
  .text_image_4 .shell > .scroll_track {
    display: block;
    grid-row: 2/span 1;
    grid-column: 11/span 6;
    justify-self: center;
    margin: 0;
    height: 100%;
    top: -40vh;
  }
}
@media (min-width: 768px) {
  .text_image_4__left {
    grid-row: 1/span 2;
    grid-column: 2/span 9;
    align-self: center;
    width: 100%;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .text_image_4__left {
    grid-row: 1/span 1;
    grid-column: 3/span 7;
  }
}
.text_image_4__left figure {
  height: 40vh;
  width: 100%;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .text_image_4__left figure {
    margin-bottom: 0;
    height: 40vw;
    --min: 1;
    --max: 1.2;
    --prog: var(--pr-img-1);
    --foX: 0;
    --foY: 0;
    --img: 125%;
  }
}
@media (min-width: 1200px) {
  .text_image_4__left figure {
    height: 32.67vw;
    --max: 1.5;
  }
}
.text_image_4__left figure + .scroll_track {
  position: absolute;
  top: -20vw;
}

.text_image_6 figure {
  margin-bottom: 3rem;
  max-width: 35rem;
  height: auto;
  justify-self: end;
}
.text_image_6 figure img {
  object-fit: contain;
}
@media (min-width: 768px) {
  .text_image_6 figure {
    grid-row: 3/span 1;
    grid-column: 16/span 10;
  }
}
@media (min-width: 1200px) {
  .text_image_6 figure {
    grid-row: 3/span 1;
    grid-column: 20/span 6;
  }
}
@media (min-width: 1920px) {
  .text_image_6 figure {
    max-width: 18.25vw;
  }
}
.text_image_6 p:nth-child(2) {
  font-family: var(--font-family-2);
}
@media (min-width: 768px) {
  .text_image_6 .shell p:last-child {
    grid-row: 3/span 1;
    grid-column: 2/span 12;
  }
}

/* -------------------------- *\
by A.Alexandrov
    auto_fade
\* -------------------------- */
.auto_fade .shell {
  position: relative;
  max-width: 100%;
  width: 100%;
  padding: 0;
  display: flex;
  flex-flow: column;
  align-items: end;
}
.auto_fade .shell .auto_fade__top {
  margin-bottom: 2rem;
  width: 100%;
  padding: 0 11vw;
  display: grid;
  grid-template-columns: 100%;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .auto_fade .shell .auto_fade__top {
    grid-template-columns: 1fr auto;
    margin-bottom: 5vw;
  }
}
.auto_fade .shell .auto_fade__top > h2 {
  align-self: start;
  text-transform: uppercase;
  margin-bottom: 0.5vw;
  letter-spacing: 0;
  color: #8C8279;
}
@media (min-width: 1200px) {
  .auto_fade .shell .auto_fade__top > h2 {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
  }
}
.auto_fade .shell .auto_fade__top > p {
  align-self: start;
  color: #8C8279;
  margin-bottom: 0.5vw;
}
@media (min-width: 1200px) {
  .auto_fade .shell .auto_fade__top > p {
    max-width: 30vw;
    grid-row: 2/span 1;
    grid-column: 1/span 1;
  }
}
@media (min-width: 1200px) {
  .auto_fade .shell .auto_fade__top .arrow_link {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
    align-self: center;
  }
}
.auto_fade .shell > div {
  position: relative;
}
.auto_fade .shell > div .auto_fade__count {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EAE6E0;
  flex-wrap: wrap;
  padding: 0.5rem 1.5rem;
  min-height: 4.5rem;
}
.auto_fade .shell > div .auto_fade__count p {
  font-size: 1.6rem;
  line-height: 1.9rem;
  color: #6E6259;
  font-family: var(--font-family);
  margin: 0;
}
.auto_fade .shell > div .auto_fade__next,
.auto_fade .shell > div .auto_fade__prev {
  display: block;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  cursor: pointer;
  user-select: none;
  z-index: 10;
}
@media (max-width: 767px) {
  .auto_fade .shell > div .auto_fade__next .arrow_link,
.auto_fade .shell > div .auto_fade__prev .arrow_link {
    top: 50%;
    opacity: 1;
    width: 4.5rem;
    padding: 0;
  }
}
.auto_fade .shell > div .auto_fade__next {
  right: 0;
}
@media (max-width: 767px) {
  .auto_fade .shell > div .auto_fade__next .arrow_link {
    right: 0;
    left: unset;
  }
}
.auto_fade .shell > div .auto_fade__prev {
  left: 0;
}
@media (max-width: 767px) {
  .auto_fade .shell > div .auto_fade__prev .arrow_link {
    left: 4rem;
  }
}
.auto_fade .shell > div .auto_fade__prev .arrow_link span {
  transform: rotate(180deg);
}
.auto_fade .shell .main {
  width: 100%;
}
.auto_fade .shell .thumb {
  max-width: 35rem;
  width: 100%;
  position: relative;
  display: none;
}
@media (min-width: 768px) {
  .auto_fade .shell .thumb {
    display: block;
    max-width: 18.5vw;
  }
}
.auto_fade .shell .thumb:before {
  content: "";
  width: 100%;
  height: 4.5rem;
  position: absolute;
  background: #EAE6E0;
  top: 100%;
  left: 0;
}
@media (min-width: 360px) {
  .auto_fade .shell .thumb {
    top: -4.5rem;
  }
}
@media (min-width: 768px) {
  .auto_fade .shell .thumb {
    top: unset;
    position: absolute;
    bottom: 0;
    right: 7vw;
    z-index: 10;
  }
}
.auto_fade__gal, .auto_fade__thumb {
  display: grid;
  grid-template-columns: 100%;
  position: relative;
  z-index: 0;
}
.auto_fade__gal figure, .auto_fade__thumb figure {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  display: flex;
  overflow: hidden;
  position: relative;
}
.auto_fade__gal figure img, .auto_fade__thumb figure img {
  transform: scale(1.05);
  position: absolute;
}
.auto_fade__gal figure.ex img, .auto_fade__thumb figure.ex img {
  transform: scale(1);
}
.auto_fade__gal figure.anim img, .auto_fade__thumb figure.anim img {
  transition: transform 1s ease-in-out;
}
.auto_fade__gal {
  height: 50vh;
  position: relative;
}
@media (min-width: 768px) {
  .auto_fade__gal {
    height: 56.25vw;
  }
}
.auto_fade__gal figure {
  justify-self: end;
  width: 0%;
}
.auto_fade__gal figure img {
  right: 0;
  height: 100%;
  width: 100vw;
  min-width: 100vw;
}
.auto_fade__gal figure.ex {
  width: 100%;
}
.auto_fade__gal figure.anim {
  transition: width 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
}
.auto_fade__thumb {
  --height: 18rem;
  height: var(--height);
  overflow: hidden;
}
@media (min-width: 768px) {
  .auto_fade__thumb {
    --height: 11.46vw;
  }
}
.auto_fade__thumb figure {
  height: 0;
  align-self: end;
  max-width: 35rem;
}
@media (min-width: 1024px) {
  .auto_fade__thumb figure {
    max-width: 18.5vw;
  }
}
.auto_fade__thumb figure img {
  bottom: 0;
  max-height: var(--height);
  height: var(--height);
  width: 100%;
}
.auto_fade__thumb figure.ex {
  height: 100%;
}
.auto_fade__thumb figure.anim {
  transition: height 1.5s cubic-bezier(0.575, 0.005, 0.285, 1.005);
}

/* -------------------------- *\
by A.Alexandrov
    .popup--video
    .open_video
    .popup
    .popup__close
\* -------------------------- */
.popup--video,
.popup {
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  transition: all 0.5s;
  background: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1500;
  width: 100vw;
  height: 100vh;
}
.popup--video.open,
.popup.open {
  opacity: 1;
  visibility: visible;
}
.popup--video.close,
.popup.close {
  opacity: 0;
  visibility: hidden;
}

.popup--video {
  overflow: hidden;
}
.popup--video video {
  width: 100%;
  height: auto;
  max-height: 100%;
}
@media (max-width: 767px) {
  .popup--video video {
    padding-bottom: var(--bottom-mob);
  }
}
.popup--video .popup__close {
  background: rgba(255, 255, 255, 0.5);
}
.popup--video video {
  transform: scale(0.7, 0.7);
  transition: all 0.5s;
}
.popup--video.open video {
  transform: scale(1, 1);
}
.popup--video.close video {
  transform: scale(1.3, 1.3);
}

.open_video {
  cursor: pointer;
  user-select: none;
}

.popup__close {
  position: absolute;
  display: block;
  top: 1vw;
  right: 1vw;
  width: 3.8rem;
  height: 3.8rem;
  z-index: 100;
  cursor: pointer;
  border: solid 0.2rem #6E6259;
  border-radius: 50%;
}
.popup__close:before, .popup__close:after {
  content: "";
  position: absolute;
  display: block;
  background: #6E6259;
  width: 60%;
  height: 0.2rem;
  top: 50%;
  left: 50%;
}
.popup__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.popup__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* -------------------------- *\
by A.Alexandrov
    .flights
\* -------------------------- */
.flights .shell {
  row-gap: 2rem;
}
.flights .shell h2, .flights .shell p {
  color: #8C8279;
  margin: 0;
}
@media (min-width: 1200px) {
  .flights .shell {
    row-gap: 4.5vw;
  }
}
@media (min-width: 1200px) {
  .flights .shell > div:nth-child(1) h2, .flights .shell > div:nth-child(1) p {
    margin-bottom: 0.6vw;
  }
}
.flights .shell > div:nth-child(2) figure {
  width: 100%;
}
@media (min-width: 768px) {
  .flights .shell > div:nth-child(2) {
    grid-row: 2/span 1;
    grid-column: 2/span 25;
    height: 30vw;
    align-self: center;
  }
  .flights .shell > div:nth-child(2) figure {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .flights .shell > div:nth-child(2) {
    grid-row: 2/span 1;
    grid-column: 2/span 12;
    padding-right: 1vw;
    width: 100%;
    height: auto;
  }
}
.flights .shell > div:nth-child(3) {
  display: flex;
  flex-flow: column;
  gap: 4rem;
  max-width: fit-content;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .flights .shell > div:nth-child(3) {
    grid-row: 3/span 1;
    grid-column: 2/span 25;
    padding-left: 0.2vw;
  }
}
@media (min-width: 1200px) {
  .flights .shell > div:nth-child(3) {
    grid-row: 2/span 1;
    grid-column: 16/span 11;
    padding-left: 0.2vw;
    margin: 0;
    justify-content: space-between;
  }
}
.flights .shell > div:nth-child(3) > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2rem;
}
.flights .shell > div:nth-child(3) > div .arrow_link:hover p {
  color: #FFFFFF;
}
@media (min-width: 460px) {
  .flights .shell > div:nth-child(3) > div {
    grid-template-columns: auto 1fr auto;
    max-width: fit-content;
    row-gap: 2vw;
  }
}
@media (min-width: 600px) {
  .flights .shell > div:nth-child(3) > div {
    row-gap: 0;
  }
}
@media (min-width: 1200px) {
  .flights .shell > div:nth-child(3) > div {
    column-gap: 1vw;
  }
}
.flights .shell > div:nth-child(3) > div > *:nth-child(1) {
  width: 4.4rem;
  height: 4.4rem;
  --svg-clr: var(--c8);
}
@media (min-width: 600px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(1) {
    grid-row: 1/span 2;
    grid-column: 1/span 1;
  }
}
@media (min-width: 1200px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(1) {
    margin-right: 1vw;
    margin-top: 1.3vw;
  }
}
.flights .shell > div:nth-child(3) > div > *:nth-child(2) {
  font-size: 1.8rem;
  line-height: 2.2rem;
  text-transform: uppercase;
  font-weight: 600;
  align-self: center;
}
@media (min-width: 600px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(2) {
    grid-row: 1/span 1;
    grid-column: 2/span 2;
  }
}
.flights .shell > div:nth-child(3) > div > *:nth-child(3), .flights .shell > div:nth-child(3) > div > *:nth-child(4), .flights .shell > div:nth-child(3) > div > *:nth-child(5) {
  grid-column: 1/span 2;
}
@media (min-width: 460px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(3) {
    grid-column: 1/span 3;
  }
}
@media (min-width: 600px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(3) {
    grid-row: 2/span 1;
    grid-column: 2/span 2;
    margin-bottom: 2vw;
  }
}
.flights .shell > div:nth-child(3) > div > *:nth-child(4) {
  background: #F6F4F2;
  border-radius: 2.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5.7rem;
  max-width: fit-content;
  padding: 1rem;
}
@media (min-width: 460px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(4) {
    grid-column: 1/span 2;
  }
}
@media (min-width: 600px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(4) {
    grid-row: 3/span 1;
    grid-column: 2/span 1;
  }
}
@media (min-width: 1200px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(4) {
    grid-row: 3/span 1;
    grid-column: 1/span 2;
  }
}
@media (min-width: 1600px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(4) {
    grid-row: 3/span 1;
    grid-column: 2/span 1;
  }
}
.flights .shell > div:nth-child(3) > div > *:nth-child(4) svg {
  width: 2.7rem;
  height: 2.7rem;
  --svg-clr: var(--c8);
  margin: 0 1rem;
}
@media (min-width: 360px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(4) svg {
    margin: 0 2rem;
  }
}
.flights .shell > div:nth-child(3) > div > *:nth-child(4) p {
  padding: 0 1rem;
  border-left: solid 0.1rem #CDC9C1;
  text-align: center;
  font-weight: 600;
}
@media (min-width: 360px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(4) p {
    padding: 0 2rem;
  }
}
@media (min-width: 460px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(5) {
    grid-column: 3/span 1;
    align-self: center;
  }
}
@media (min-width: 600px) {
  .flights .shell > div:nth-child(3) > div > *:nth-child(5) {
    grid-row: 3/span 1;
    grid-column: 3/span 1;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .feat_list
\* -------------------------- */
.feat_list .shell h2 {
  color: #6E6259;
}
.feat_list .shell > div:not(.about__bottom) {
  display: grid;
  grid-template-columns: 100%;
  width: fit-content;
  margin: 4.5vw auto;
  gap: 3rem;
}
@media (min-width: 600px) {
  .feat_list .shell > div:not(.about__bottom) {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1000px) {
  .feat_list .shell > div:not(.about__bottom) {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .feat_list .shell > div:not(.about__bottom) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .feat_list .shell > div:not(.about__bottom) {
    column-gap: 2.61vw;
    row-gap: 3.13vw;
  }
}
.feat_list .shell > div:not(.about__bottom) > div {
  max-width: 33.6rem;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2rem;
  row-gap: 1rem;
  height: fit-content;
}
.feat_list .shell > div:not(.about__bottom) > div p {
  margin: 0;
}
.feat_list .shell > div:not(.about__bottom) > div p:first-of-type {
  color: #6E6259;
  font-size: 1.8rem;
  letter-spacing: 0.06rem;
  line-height: 2.2rem;
  font-weight: 500;
  align-self: center;
}
@media (min-width: 360px) {
  .feat_list .shell > div:not(.about__bottom) > div p:first-of-type {
    align-self: start;
  }
}
@media (min-width: 1920px) {
  .feat_list .shell > div:not(.about__bottom) > div p:first-of-type {
    font-size: 0.94vw;
    letter-spacing: 0.0031vw;
    line-height: 1.15vw;
  }
}
.feat_list .shell > div:not(.about__bottom) > div p:last-of-type {
  grid-column: 1/span 2;
  color: #979797;
  font-size: 1.4rem;
  letter-spacing: 0.047rem;
  line-height: 1.7rem;
  font-family: var(--font-family);
}
@media (min-width: 360px) {
  .feat_list .shell > div:not(.about__bottom) > div p:last-of-type {
    grid-column: unset;
  }
}
@media (min-width: 1920px) {
  .feat_list .shell > div:not(.about__bottom) > div p:last-of-type {
    font-size: 0.73vw;
    letter-spacing: 0.0025vw;
    line-height: 0.89vw;
  }
}
.feat_list .shell > div:not(.about__bottom) > div svg {
  --svg-clr: var(--c9);
  width: 4rem;
  height: 4rem;
}
@media (min-width: 360px) {
  .feat_list .shell > div:not(.about__bottom) > div svg {
    grid-row: 1/span 2;
    grid-column: 1/span 1;
    width: 5.1rem;
    height: 5.1rem;
  }
}
@media (min-width: 1920px) {
  .feat_list .shell > div:not(.about__bottom) > div svg {
    width: 2.66vw;
    height: 2.66vw;
  }
}

/* -------------------------- *\
A.Alexandrov
    .sticky_header
\* -------------------------- */
@media (min-width: 768px) {
  .sticky_header .shell {
    row-gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .sticky_header .shell {
    row-gap: 3rem;
  }
}
@media (min-width: 768px) {
  .sticky_header .shell > div:nth-of-type(1) {
    grid-column: 2/span 25;
    column-count: 2;
    gap: 6vw;
    margin-bottom: 4vw;
  }
}
.sticky_header .shell > div:nth-of-type(1) > p {
  color: #6E6259;
  margin-bottom: 2rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .sticky_header .shell > div:nth-of-type(2) {
    grid-row: 3/span 1;
    grid-column: 2/span 16;
  }
}
@media (min-width: 1200px) {
  .sticky_header .shell > div:nth-of-type(2) {
    grid-column: 2/span 14;
  }
}
.sticky_header .shell > div:nth-of-type(3) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2rem;
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .sticky_header .shell > div:nth-of-type(3) {
    grid-column: 2/span 16;
  }
}
@media (min-width: 1200px) {
  .sticky_header .shell > div:nth-of-type(3) {
    grid-column: 2/span 14;
    gap: 1.5vw;
    width: 76%;
    margin: 3vw auto 0 auto;
  }
}
.sticky_header .shell > h2 {
  color: #8C8279;
}
@media (min-width: 768px) {
  .sticky_header .shell > h2 {
    grid-column: 2/span 25;
  }
}
.sticky_header__side {
  display: none;
}
@media (min-width: 768px) {
  .sticky_header__side {
    display: flex;
    align-items: center;
    justify-content: center;
    position: sticky;
    height: 25vw;
    top: 0;
    grid-row: 3/span 1;
    grid-column: 18/span 12;
  }
}
@media (min-width: 1200px) {
  .sticky_header__side {
    grid-column: 16/span 14;
  }
}
.sticky_header__item {
  margin-bottom: 2rem;
}
.sticky_header__item:last-of-type {
  margin: 0;
}
@media (min-width: 768px) {
  .sticky_header__item {
    margin-bottom: 5.5vw;
  }
  .sticky_header__item figure {
    margin-bottom: 2.8vw;
  }
}
.sticky_header__item h3 {
  color: #6E6259;
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .sticky_header__item h3 {
    margin-bottom: 2.8vw;
  }
}
.sticky_header__item h3:before {
  content: "";
  width: 6rem;
  height: 0.5rem;
  position: absolute;
  background: #EAE6E0;
  top: calc(100% + 0.5rem);
  left: 0;
}
@media (min-width: 768px) {
  .sticky_header__item h3:before {
    top: calc(100% + 0.5vw);
  }
}
@media (min-width: 1200px) {
  .sticky_header__item > p {
    width: 76%;
    margin: 0 auto 3.2vw auto;
  }
}
.sticky_header__item > div {
  display: flex;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .sticky_header__item > div {
    width: 76%;
    margin: 0 auto;
    gap: 3.3vw;
  }
}
.sticky_header__item > div p {
  font-family: var(--font-family-2);
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1.5rem;
  position: relative;
}
.sticky_header__item > div p:before {
  content: "";
  width: 0.1rem;
  height: 90%;
  position: absolute;
  background: #EAE6E0;
  left: calc(100% + 1rem);
}
@media (min-width: 1200px) {
  .sticky_header__item > div p:before {
    left: calc(100% + 1.6vw);
  }
}
.sticky_header__item > div p:last-of-type:before {
  content: none;
}
.sticky_header__item > div p svg {
  width: 2.5rem;
  height: 2.5rem;
}
@media (min-width: 768px) {
  .sticky_header__item > div p svg {
    width: 3rem;
    height: 3rem;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .health_pr
    .health_pr__box
\* -------------------------- */
.health_pr {
  overflow: hidden;
  margin-bottom: 4vw;
}
.health_pr .shell {
  row-gap: 2vw;
}
@media (min-width: 768px) and (max-width: 1200px) {
  .health_pr .shell .health_pr__desc {
    grid-column: 3/span 19;
  }
}
@media (min-width: 768px) {
  .health_pr .shell .img1 {
    grid-row: 2/span 1;
    grid-column: 3/span 17;
    transform: none !important;
  }
}
@media (min-width: 768px) {
  .health_pr .shell .img3 {
    grid-row: 2/span 1;
    grid-column: 21/span 6;
    transform: none !important;
    width: 91%;
    height: auto;
  }
}
@media (min-width: 768px) {
  .health_pr div.health_pr__ben {
    grid-column: 3/span 24;
  }
}
@media (min-width: 1200px) {
  .health_pr div.health_pr__ben {
    grid-column: 3/span 17;
  }
}
.health_pr div.health_pr__ben .font_3 {
  margin-bottom: 2rem;
}
.health_pr div.health_pr__ben .font_1 {
  margin-top: 0;
  line-height: 2.2rem;
}
@media (min-width: 1200px) {
  .health_pr div.health_pr__ben .font_1 {
    line-height: 1.61vw;
  }
}
.health_pr div.health_pr__ben ul {
  list-style: none;
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .health_pr div.health_pr__ben ul {
    column-count: 2;
    margin-bottom: 4vw;
    column-gap: 10vw;
  }
}
.health_pr div.health_pr__ben ul li {
  position: relative;
  padding-left: 2.5rem;
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (min-width: 1024px) {
  .health_pr div.health_pr__ben ul li {
    margin-bottom: 2vw;
  }
}
@media (min-width: 1920px) {
  .health_pr div.health_pr__ben ul li {
    padding-left: 1.5vw;
  }
}
.health_pr div.health_pr__opt {
  display: grid;
  grid-template-columns: 100%;
  grid-column: 2/span 1;
}
@media (min-width: 768px) {
  .health_pr div.health_pr__opt {
    grid-column: 3/span 24;
  }
}
@media (min-width: 1024px) {
  .health_pr div.health_pr__opt {
    grid-template-columns: 1fr 1fr;
    gap: 4vw;
  }
}
@media (min-width: 1024px) {
  .health_pr div.health_pr__opt .font_1 {
    margin-top: 1vw;
  }
}
.health_pr div.health_pr__opt > div {
  grid-column: unset;
}
.health_pr div.health_pr__opt > div:nth-child(3) {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .health_pr div.health_pr__opt > div:nth-child(3) {
    grid-column: 1/span 2;
    gap: 2vw;
    flex-flow: column;
    max-width: 70%;
  }
}
@media (min-width: 1200px) {
  .health_pr div.health_pr__opt > div:nth-child(3) {
    max-width: 60%;
  }
}
.health_pr div.health_pr__opt > div:nth-child(3) p {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1.5rem;
  margin-bottom: 0;
}
.health_pr div.health_pr__opt > div:nth-child(3) > div {
  display: flex;
  flex-wrap: wrap;
  border-radius: 3.6rem;
  background: #F6F4F2;
  align-items: center;
  padding: 1.5rem;
  gap: 1rem;
}
@media (min-width: 768px) {
  .health_pr div.health_pr__opt > div:nth-child(3) > div {
    padding: 1vw 3vw;
    min-height: 7.5vw;
    gap: 3vw;
  }
}
@media (min-width: 1024px) {
  .health_pr div.health_pr__opt > div:nth-child(3) > div {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .health_pr div.health_pr__opt > div:nth-child(3) > div {
    padding: 0.5vw 2vw;
    min-height: 3.5vw;
  }
}
.health_pr div.health_pr__opt > div:nth-child(3) > div p svg {
  --size: 3rem;
  --svg-clr: var(--c8);
}
.health_pr div.health_pr__opt > div:nth-child(3) > div > div p:nth-child(2) {
  font-family: var(--font-family);
  font-size: 1.4rem;
  letter-spacing: 0.008rem;
  line-height: 2.4rem;
}
@media (min-width: 1920px) {
  .health_pr div.health_pr__opt > div:nth-child(3) > div > div p:nth-child(2) {
    font-size: 0.73vw;
    line-height: 1.25vw;
    letter-spacing: 0.0042vw;
  }
}
.health_pr div.health_pr__opt p:not(.font_1) {
  font-size: 1.2rem;
  color: #6E6259;
}
@media (min-width: 360px) {
  .health_pr div.health_pr__opt p:not(.font_1) {
    font-size: 3vw;
    letter-spacing: 0.02vw;
    line-height: 5vw;
  }
}
@media (min-width: 768px) {
  .health_pr div.health_pr__opt p:not(.font_1) {
    font-size: 1.7vw;
    letter-spacing: 0.001vw;
    line-height: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .health_pr div.health_pr__opt p:not(.font_1) {
    font-size: 1.6rem;
    letter-spacing: 0.023rem;
    line-height: 2.6rem;
  }
}

.health_pr__box {
  position: relative;
}
@media (min-width: 768px) {
  .health_pr__box {
    grid-column: 3/span 21;
  }
}
.health_pr__box:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  background: #EAE6E0;
  top: 0;
  left: -30vw;
}
@media (min-width: 768px) {
  .health_pr__box:before {
    left: -60vw;
  }
}
.health_pr__box h3, .health_pr__box h2 {
  display: flex;
  align-items: center;
  justify-content: start;
  position: relative;
  z-index: 5;
  padding: 1rem 0;
}

/* -------------------------- *\
by A.Alexandrov
    .prog_inc
    .prog_svg
\* -------------------------- */
.prog_svg {
  --svg-clr: var(--c9);
  width: 2.1rem;
  height: 2.1rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 1920px) {
  .prog_svg {
    width: 1.1vw;
    height: 1.1vw;
  }
}

.prog_inc .shell {
  position: relative;
  grid-template-rows: auto 2rem auto;
}
@media (min-width: 1200px) {
  .prog_inc .shell {
    grid-template-rows: auto 10vw auto;
  }
}
.prog_inc .shell:before, .prog_inc .shell:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}
.prog_inc .shell:before {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  background: #EAE6E0;
  z-index: 5;
}
@media (min-width: 360px) {
  .prog_inc .shell:before {
    grid-row: 1/span 2;
    grid-column: 1/span 32;
  }
}
@media (min-width: 768px) {
  .prog_inc .shell:before {
    grid-row: 1/span 2;
    grid-column: 1/span 24;
  }
}
@media (min-width: 1200px) {
  .prog_inc .shell:before {
    grid-row: 1/span 2;
    grid-column: 1/span 20;
  }
}
.prog_inc .shell:after {
  grid-row: 2/span 2;
  grid-column: 2/span 2;
  background: #F6F4F2;
}
@media (min-width: 360px) {
  .prog_inc .shell:after {
    grid-row: 2/span 2;
    grid-column: 4/span 30;
  }
}
@media (min-width: 1200px) {
  .prog_inc .shell:after {
    grid-row: 2/span 2;
    grid-column: 5/span 22;
    width: calc(100% - 3vw);
    justify-self: end;
  }
}
.prog_inc .shell h2 {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .prog_inc .shell h2 {
    margin-bottom: 4.2vw;
  }
}
.prog_inc .shell h2 span.up_case {
  color: inherit;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .prog_inc .shell p {
    line-height: 1.62vw;
  }
}
.prog_inc ul {
  list-style: none;
}
@media (min-width: 1200px) {
  .prog_inc ul {
    column-count: 2;
    column-gap: 7.5vw;
    margin: 0;
  }
}
.prog_inc ul li {
  overflow: hidden;
}
.prog_inc .font_1 {
  margin: 0;
}
.prog_inc__top {
  margin-bottom: 2rem;
  padding-top: 2rem;
  grid-row: 1/span 2;
  z-index: 10;
}
@media (min-width: 430px) {
  .prog_inc__top {
    padding-top: 4vw;
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .prog_inc__top {
    grid-row: 1/span 2;
    grid-column: 2/span 21;
  }
}
@media (min-width: 1200px) {
  .prog_inc__top {
    grid-row: 1/span 2;
    grid-column: 2/span 17;
  }
}
.prog_inc__top p {
  margin: 0;
}
.prog_inc__top p:nth-of-type(1) {
  font-weight: 500;
}
.prog_inc__top p:nth-of-type(2) {
  font-weight: 300;
}
.prog_inc__top li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .prog_inc__top li {
    margin-bottom: 1.8vw;
  }
}
.prog_inc__bot {
  grid-row: 3/span 1;
  z-index: 10;
  padding-top: 2rem;
}
@media (min-width: 430px) {
  .prog_inc__bot {
    padding-top: 4vw;
  }
}
@media (min-width: 768px) {
  .prog_inc__bot {
    grid-row: 3/span 1;
    grid-column: 7/span 20;
  }
}
@media (min-width: 1200px) {
  .prog_inc__bot {
    grid-row: 3/span 1;
    grid-column: 8/span 17;
    padding: 4vw 0.1vw 5vw 0.1vw;
  }
}
.prog_inc__bot p {
  margin: 0;
}
.prog_inc__bot > p:last-child {
  margin-top: 3rem;
}
.prog_inc__bot li {
  margin-bottom: 2rem;
  display: block;
  width: 100%;
}
@media (min-width: 360px) {
  .prog_inc__bot li {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .prog_inc__bot li {
    margin-bottom: 1.8vw;
  }
}
.prog_inc__bot li p.price {
  position: relative;
  padding-left: 3.5rem;
  min-width: 13rem;
}
.prog_inc__bot li p.price svg {
  --size: 2.5rem;
  --svg-clr: var(--c8);
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* -------------------------- *\
by A.Alexandrov
    .heals
    .heals__list
\* -------------------------- */
.heals .shell .health_pr__box {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .heals .shell .health_pr__box {
    margin-bottom: 4vw;
    width: 50%;
  }
}
.heals .shell .health_pr__box:before {
  width: 200%;
  left: unset;
  right: 0;
}
@media (min-width: 768px) {
  .heals .shell .health_pr__box.long:before {
    right: -8vw;
  }
}
.heals--no_head ul {
  padding: 2rem 0;
  border-top: solid 0.1rem #CDC9C1;
  border-bottom: solid 0.1rem #CDC9C1;
}
@media (min-width: 768px) {
  .heals--no_head ul {
    padding: 5vw 0;
  }
}

.heals__list {
  list-style: none;
}
@media (min-width: 768px) {
  .heals__list {
    column-count: 2;
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .heals__list {
    margin-bottom: 4vw;
  }
}
.heals__list li {
  margin-top: 0;
  margin-bottom: 1rem;
  position: relative;
  padding-left: 2.5rem;
  overflow: hidden;
}
@media (min-width: 500px) {
  .heals__list li {
    padding-left: 4rem;
  }
}
@media (min-width: 768px) {
  .heals__list li {
    padding: 0 4vw 0 3vw;
    margin-bottom: 2vw;
  }
}
.heals__list li svg {
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 1vw;
  left: 0;
}
@media (min-width: 500px) {
  .heals__list li svg {
    top: 1.5vw;
  }
}
@media (min-width: 768px) {
  .heals__list li svg {
    top: 0.5vw;
    width: 1.5vw;
    height: 1.5vw;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .text_image_list
\* -------------------------- */
.text_image_list .shell h2 {
  margin-bottom: 2rem;
}
@media (min-width: 600px) {
  .text_image_list .shell h2 {
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .text_image_list .shell h2 {
    grid-row: 1/span 1;
    grid-column: 2/span 25;
    width: 45%;
  }
}
@media (min-width: 768px) {
  .text_image_list .shell > p {
    grid-row: 2/span 1;
    grid-column: 2/span 25;
    width: 45%;
    margin-bottom: 2vw;
  }
}
.text_image_list .shell > div {
  margin-bottom: 1rem;
}
.text_image_list .shell > div figure {
  margin-bottom: 2rem;
}
@media (min-width: 1024px) {
  .text_image_list .shell > div {
    display: grid;
    grid-template-columns: repeat(12, 12fr 14fr) 12fr;
    margin-bottom: 6vw;
  }
  .text_image_list .shell > div figure {
    grid-row: 1/span 1;
    grid-column: 16/span 10;
    align-self: start;
    margin-top: 4vw;
    margin-bottom: 1vw;
    position: sticky;
    top: 2vw;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .text_image_list .shell > div figure {
    grid-row: 1/span 1;
    grid-column: 15/span 11;
  }
}
@media (min-width: 1024px) {
  .text_image_list .shell > div div {
    grid-row: 1/span 1;
    grid-column: 1/span 14;
  }
}
@media (min-width: 1024px) {
  .text_image_list--right .shell > div figure {
    grid-row: 1/span 1;
    grid-column: 1/span 10;
    margin-top: 0;
    top: 2vw;
  }
}
@media (min-width: 1024px) and (min-width: 1200px) {
  .text_image_list--right .shell > div figure {
    grid-row: 1/span 1;
    grid-column: 1/span 11;
  }
}
@media (min-width: 1024px) {
  .text_image_list--right .shell > div div {
    grid-row: 1/span 1;
    grid-column: 13/span 14;
    padding-left: 2vw;
  }
  .text_image_list--right .shell > div div p {
    width: 92%;
    margin: 0 0 0 auto;
  }
}
.text_image_list .sticky_header__item > * {
  color: #6E6259;
}
.text_image_list .sticky_header__item > * a {
  color: #5A7B7D;
}
.text_image_list .sticky_header__item > * a:hover {
  color: #004432;
}

/* -------------------------- *\
by A.Alexandrov
    Styles
    .prices_list
\* -------------------------- */
.prices_list {
  overflow: hidden;
}
@media (max-width: 767px) {
  .prices_list + .clocks .clock {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .prices_list {
    margin-bottom: 2vw;
  }
}
.prices_list .shell h2 {
  margin-bottom: 1rem;
}
.prices_list .shell > p:nth-child(2) {
  color: #6E6259;
  font-family: var(--font-family-2);
}
.prices_list .shell > p:nth-child(3) {
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 2.6rem;
  font-weight: 500;
}
.prices_list .shell > p:nth-child(3) span {
  font-size: 2.1rem;
  letter-spacing: 0.0012rem;
  line-height: 2.6rem;
  color: inherit;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .prices_list .shell .con_text {
    grid-column: 2/span 25;
    padding-left: 0;
  }
}
.prices_list .shell .about__bottom {
  grid-row: unset;
  align-self: start;
  padding-left: 0;
}
@media (min-width: 1200px) {
  .prices_list .shell .about__bottom {
    margin-top: 1vw;
    grid-column: 3/span 20;
  }
}
.prices_list__sect {
  grid-column: 1/span 3;
  max-width: 100%;
  height: fit-content;
  padding: 2rem 0;
  overflow: auto;
  display: flex;
  flex-flow: column;
  gap: 3rem;
  margin-bottom: 4rem;
}
@media (min-width: 360px) {
  .prices_list__sect {
    grid-column: 1/span 33;
    padding-left: 9vw;
    margin-bottom: 6rem;
  }
}
@media (min-width: 768px) {
  .prices_list__sect {
    grid-column: 1/span 27;
    gap: 1.5vw;
    margin-bottom: 1vw;
  }
}
@media (min-width: 1600px) {
  .prices_list__sect {
    padding-left: 11vw;
  }
}
.prices_list__sect:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .prices_list__sect > p {
    margin-top: 2vw;
    padding-left: 2.5vw;
    max-width: 70vw;
  }
}
@media (min-width: 1200px) {
  .prices_list__sect > p {
    max-width: 45vw;
  }
}
.prices_list__top, .prices_list__row {
  display: grid;
  grid-auto-columns: 40%;
  column-gap: 2.5rem;
  position: relative;
  padding: 0 1.5rem;
}
@media (min-width: 430px) {
  .prices_list__top, .prices_list__row {
    grid-auto-columns: 30%;
  }
}
@media (min-width: 600px) {
  .prices_list__top, .prices_list__row {
    grid-auto-columns: 25%;
  }
}
@media (min-width: 768px) {
  .prices_list__top, .prices_list__row {
    grid-template-columns: 30vw;
    grid-auto-columns: 15vw;
    width: fit-content;
  }
  .prices_list__top > *:nth-child(3), .prices_list__row > *:nth-child(3) {
    grid-column: 3/span 1;
  }
}
.prices_list__top > *, .prices_list__row > * {
  position: relative;
  z-index: 10;
}
.prices_list__top:before, .prices_list__row:before {
  content: "";
  width: 150%;
  height: calc(100% + 2rem);
  position: absolute;
  background: #EAE6E0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}
@media (min-width: 360px) {
  .prices_list__top:before, .prices_list__row:before {
    width: calc(130% + 2rem);
    border-radius: 1.5rem;
  }
}
.prices_list__top p, .prices_list__row p {
  align-self: center;
}
.prices_list__top p.icon, .prices_list__row p.icon {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .prices_list__top p.icon, .prices_list__row p.icon {
    justify-content: center;
    gap: 1vw;
  }
}
@media (min-width: 768px) {
  .prices_list__top p:nth-child(2), .prices_list__row p:nth-child(2) {
    grid-column: 2/span 1;
  }
  .prices_list__top p:nth-child(3), .prices_list__row p:nth-child(3) {
    grid-column: 3/span 1;
  }
  .prices_list__top p:nth-child(4), .prices_list__row p:nth-child(4) {
    grid-column: 4/span 1;
  }
  .prices_list__top p:nth-child(5), .prices_list__row p:nth-child(5) {
    grid-column: 5/span 1;
  }
}
.prices_list__top .prices_list__title, .prices_list__row .prices_list__title {
  margin-bottom: 1rem;
  max-width: calc(100vw - 3rem);
  grid-column: 1/span 4;
}
@media (min-width: 768px) {
  .prices_list__top .prices_list__title, .prices_list__row .prices_list__title {
    max-width: unset;
    grid-column: 1/span 1;
    margin: 0;
    align-self: center;
  }
}
@media (min-width: 360px) {
  .prices_list__top {
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .prices_list__top {
    min-height: 8vw;
  }
}
@media (min-width: 1200px) {
  .prices_list__top {
    min-height: 5vw;
    margin-bottom: 1.1vw;
    grid-template-columns: 33vw;
    grid-auto-columns: 9.2vw;
    gap: 0;
  }
  .prices_list__top > *:nth-child(3) {
    grid-column: 3/span 1;
  }
}
@media (min-width: 360px) {
  .prices_list__top:before {
    width: 150%;
    right: -7rem;
    left: unset;
    transform: translateY(-50%);
  }
}
@media (min-width: 768px) {
  .prices_list__top:before {
    height: 100%;
    right: -4vw;
    border-radius: 6vw;
  }
}
@media (min-width: 1200px) {
  .prices_list__top:before {
    right: -1vw;
  }
}
.prices_list__top p {
  margin: 0;
}
@media (min-width: 768px) {
  .prices_list__top p {
    border-left: solid 0.1rem #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: start;
    padding-left: 1vw;
    align-self: stretch;
  }
  .prices_list__top p.col_1 {
    grid-column: 2/span 1;
  }
  .prices_list__top p.col_2 {
    grid-column: 3/span 1;
  }
  .prices_list__top p.col_3 {
    grid-column: 4/span 1;
  }
  .prices_list__top p.col_4 {
    grid-column: 5/span 1;
  }
}
.prices_list__top p.two_col {
  grid-column-end: span 2;
  padding-left: 0;
  width: 100%;
  justify-content: center;
}
@media (min-width: 768px) {
  .prices_list__row {
    min-height: 4.5vw;
  }
}
@media (min-width: 1200px) {
  .prices_list__row {
    min-height: 3.5vw;
    grid-template-columns: 33vw;
    grid-auto-columns: 9.2vw;
    gap: 0;
  }
  .prices_list__row > *:nth-child(3) {
    grid-column: 3/span 1;
  }
}
.prices_list__row:before {
  background: #F6F4F2;
}
@media (min-width: 768px) {
  .prices_list__row:before {
    height: 100%;
    width: 100%;
    border-radius: 3vw;
  }
}
@media (min-width: 1200px) {
  .prices_list__row:before {
    left: 0;
    width: 100%;
    transform: translateY(-50%);
  }
}
.prices_list__row svg {
  --size: 2rem;
  --svg-clr: var(--c8);
}
@media (min-width: 1200px) {
  .prices_list__row svg {
    --size: 1.3vw;
  }
}
.prices_list__row p {
  line-height: 2.2rem;
  letter-spacing: 0.016rem;
  margin: 0;
  font-weight: 500;
  max-width: calc(100vw - 3rem);
}
@media (min-width: 768px) {
  .prices_list__row p {
    max-width: unset;
    letter-spacing: 0.006vw;
    line-height: 2.1vw;
    padding-left: 2vw;
  }
}
@media (min-width: 1200px) {
  .prices_list__row p {
    letter-spacing: 0.0011vw;
    line-height: 1.4vw;
  }
}
.prices_list__row p.col_1, .prices_list__row p.col_2, .prices_list__row p.col_3, .prices_list__row p.col_4 {
  border-left: solid 0.1rem #EAE6E0;
  padding-left: 1vw;
}
@media (min-width: 1200px) {
  .prices_list__row p.col_1, .prices_list__row p.col_2, .prices_list__row p.col_3, .prices_list__row p.col_4 {
    padding-left: 0;
  }
}
.prices_list__row p.two_col {
  grid-column-end: span 2;
  justify-self: end;
}
@media (min-width: 1200px) {
  .prices_list__row p.two_col {
    padding-right: 1.5vw;
  }
}
.prices_list__row p em {
  font-weight: 400;
}
.prices_list__row p span {
  display: block;
  color: inherit;
  font-size: 0.8em;
}
.prices_list__row .prices_list__title {
  font-weight: 500;
  margin-bottom: 1rem;
  max-width: calc(100vw - 3rem);
}
@media (min-width: 768px) {
  .prices_list__row .prices_list__title {
    margin: 0;
    max-width: unset;
  }
}
.prices_list__row .prices_list__title span {
  font-size: 1.4rem;
  letter-spacing: 0.008rem;
  line-height: 2.5rem;
}
.prices_list__times {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .prices_list__times {
    justify-content: start;
    gap: 8.3vw;
  }
}
.prices_list__times > div {
  display: flex;
  flex-flow: column;
  padding: 1rem;
  border-radius: 1.5rem;
  background: #F6F4F2;
}
@media (min-width: 768px) {
  .prices_list__times > div {
    padding: 1vw 2vw;
    border-radius: 3.6rem;
  }
}
.prices_list__times > div p {
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  border-bottom: solid 0.1rem #EAE6E0;
  text-align: center;
}
@media (min-width: 768px) {
  .prices_list__times > div p {
    padding-bottom: 0.5vw;
    margin-bottom: 1vw;
  }
}
.prices_list__times > div ul {
  list-style: none;
  display: flex;
  flex-flow: column;
  align-items: center;
}
@media (min-width: 768px) {
  .prices_list__times > div ul {
    gap: 0.5vw;
    margin-bottom: 0.5vw;
  }
}
@media (max-width: 767px) {
  .prices_list.no_icons .prices_list__top {
    grid-auto-columns: 25%;
  }
  .prices_list.no_icons .prices_list__top p {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .prices_list.no_icons .prices_list__row {
    grid-auto-columns: 25%;
  }
  .prices_list.no_icons .prices_list__row .icon {
    justify-content: center;
    padding-left: 0;
  }
}
.prices_list.no_icons .icon svg {
  display: none;
}
@media (min-width: 768px) {
  .prices_list .three_bubbles, .prices_list__extra {
    grid-column: 3/span 15;
    margin-top: 3vw;
  }
}
@media (min-width: 768px) {
  .prices_list.prices_list--2 {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .prices_list.prices_list--2 .shell.base_grid .center_desk,
.prices_list.prices_list--2 .prices_list__sect {
    grid-column: 6/span 21;
    position: relative;
    left: -1vw;
  }
  .prices_list.prices_list--2 .prices_list__sect {
    overflow: visible;
    padding-left: 0;
    left: -1.3vw;
  }
  .prices_list.prices_list--2 .con_text {
    grid-column: 5/span 23;
    padding: 0 1.7vw;
  }
  .prices_list.prices_list--2 .prices_list__extra {
    grid-column: 5/span 23;
    padding: 0 1.7vw;
  }
  .prices_list.prices_list--2 .shell.base_grid .center_desk.about__bottom {
    grid-column: 5/span 23;
    padding: 0 1.7vw;
    left: 0;
  }
  .prices_list.prices_list--2 .prices_list__top {
    margin-bottom: 0vw;
  }
}
@media (min-width: 768px) {
  .prices_list.prices_list--2 .prices_list__extra {
    margin-top: 0;
    margin-bottom: 1vw;
    max-width: 50vw;
  }
}
@media (min-width: 1200px) {
  .prices_list.prices_list--2 .prices_list__top .prices_list__title {
    letter-spacing: 0.113rem;
    line-height: 4.8rem;
  }
}
@media (min-width: 768px) {
  .prices_list.prices_list--2 .prices_list__sect {
    row-gap: 1.1vw;
  }
  .prices_list.prices_list--2 .prices_list__sect .prices_list__row {
    min-height: 3.7vw;
  }
}
.prices_list.prices_list--2 .prices_list__row p {
  gap: 0.5rem;
  font-weight: 400;
}
.prices_list.prices_list--2 .prices_list__row p span {
  font-size: 0.76em;
}
.prices_list.prices_list--2 .prices_list__sect > p {
  font-family: var(--font-family);
}
@media (min-width: 768px) {
  .prices_list.prices_list--2 .prices_list__sect > p {
    margin: 0;
  }
}

/* -------------------------- *\
    by A.Alexandrov
    .texts_list
\* -------------------------- */
@media (min-width: 768px) {
  .texts_list {
    margin-top: 2vw;
  }
}
@media (min-width: 768px) {
  .texts_list .shell {
    grid-row-gap: 2vw;
  }
}
@media (min-width: 1200px) {
  .texts_list .shell {
    grid-row-gap: 7.5vw;
  }
}
@media (min-width: 768px) {
  .texts_list .shell > div:nth-child(odd) {
    grid-column: 2/span 12;
  }
  .texts_list .shell > div:nth-child(even) {
    grid-column: 15/span 12;
  }
}
@media (min-width: 1200px) {
  .texts_list .shell > div:nth-child(odd) {
    grid-column: 3/span 10;
  }
  .texts_list .shell > div:nth-child(even) {
    grid-column: 16/span 10;
  }
  .texts_list .shell > div h2 {
    margin-bottom: 1.5vw;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .res_info
\* -------------------------- */
.res_info {
  overflow: hidden;
  margin-top: 3rem;
}
.res_info__bubble {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  margin-bottom: 1rem;
  border-radius: 2.5rem;
  background: #F6F4F2;
}
@media (min-width: 360px) {
  .res_info__bubble {
    padding: 2.5vw 3.5vw;
    margin-bottom: 2vw;
  }
}
@media (min-width: 768px) {
  .res_info__bubble {
    padding: 1vw 2vw;
    display: grid;
    grid-template-columns: 30% 20% 1fr;
    gap: 1vw;
    justify-content: space-between;
    padding-right: 1vw;
  }
}
@media (min-width: 1200px) {
  .res_info__bubble {
    margin-bottom: 1vw;
    padding: 0.5vw 0.5vw 0.5vw 2vw;
    width: 86%;
  }
}
.res_info__bubble p {
  margin: 0;
}
.res_info__bubble > span {
  display: none;
}
@media (min-width: 768px) {
  .res_info__bubble > span {
    display: block;
    height: 0.1rem;
    width: 100%;
    background: #EAE6E0;
  }
}
.res_info .shell {
  row-gap: 1rem;
}
@media (min-width: 768px) {
  .res_info__left {
    grid-row: 1/span 1;
    grid-column: 2/span 9;
  }
}
@media (min-width: 1200px) {
  .res_info__left {
    grid-row: 1/span 1;
    grid-column: 2/span 8;
  }
  .res_info__left h2 {
    margin-top: 0;
    margin-bottom: 1.5vw;
  }
  .res_info__left > *:nth-child(2) {
    margin-bottom: 1vw;
  }
  .res_info__left > *:nth-child(3) {
    margin-bottom: 3.1vw;
  }
}
.res_info__to_menu {
  display: block;
  padding: 1.5rem 0 1rem 0;
  border-bottom: solid 0.1rem #EAE6E0;
  border-top: solid 0.1rem #EAE6E0;
}
@media (min-width: 360px) {
  .res_info__to_menu {
    margin: 4vw 0;
  }
}
@media (min-width: 768px) {
  .res_info__to_menu {
    margin: 1vw 0;
  }
}
@media (min-width: 1200px) {
  .res_info__to_menu {
    margin: 2vw 0 1vw 0;
    width: 86%;
  }
}
.res_info__to_menu a {
  display: flex;
  align-items: end;
  gap: 1rem;
  color: #6E6259;
}
@media (min-width: 360px) {
  .res_info__to_menu a {
    margin-bottom: 2rem;
  }
}
.res_info__to_menu a svg {
  --svg-clr: var(--c8);
}
.res_info__to_menu a svg:nth-of-type(1) {
  width: 3rem;
  height: 3rem;
}
@media (min-width: 360px) {
  .res_info__to_menu a svg:nth-of-type(1) {
    width: 5.1rem;
    height: 5.1rem;
    transform: translateY(0.5rem);
  }
}
.res_info__to_menu a svg:nth-of-type(2) {
  width: 1.5rem;
  height: 1.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .res_info__to_menu a svg:nth-of-type(2) {
    margin-bottom: 0.6vw;
  }
}
.res_info__book {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2rem;
}
.res_info__book p {
  margin-bottom: 0;
  color: #6E6259;
}
@media (min-width: 1200px) {
  .res_info__book p:nth-of-type(1) {
    margin-right: 0.8vw;
  }
}
.res_info__book p:nth-of-type(2) {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem 2rem;
  border-radius: 3.6rem;
  background: #F6F4F2;
}
.res_info__book p:nth-of-type(2) svg {
  width: 2.2rem;
  height: 2.2rem;
  --svg-clr: var(--c8);
}
.res_info__book > svg {
  width: 3.3rem;
  height: 3.3rem;
  --svg-clr: var(--c8);
}
@media (min-width: 768px) {
  .res_info__right {
    padding-left: 1vw;
    grid-row: 1/span 1;
    grid-column: 12/span 15;
  }
}
@media (min-width: 1200px) {
  .res_info__right {
    grid-row: 1/span 1;
    grid-column: 13/span 14;
  }
}
.res_info__right > div {
  display: flex;
  flex-flow: column;
  gap: 3rem;
  margin-bottom: 3rem;
}
@media (min-width: 360px) {
  .res_info__right > div {
    gap: 8vw;
    margin-bottom: 8vw;
  }
}
@media (min-width: 768px) {
  .res_info__right > div {
    gap: 2vw;
    margin-bottom: 4vw;
  }
}
@media (min-width: 1200px) {
  .res_info__right > div {
    gap: 1.5vw;
    margin-bottom: 4vw;
  }
}
@media (min-width: 768px) {
  .res_info__right > div .prices_list__top,
.res_info__right > div .prices_list__row {
    grid-template-columns: 1fr 12vw;
    grid-auto-columns: 12.7vw;
    gap: 1vw;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .res_info__right > div .prices_list__top,
.res_info__right > div .prices_list__row {
    grid-template-columns: 1fr 9vw;
    grid-auto-columns: 9.5vw;
  }
}
@media (min-width: 768px) {
  .res_info__right > div .prices_list__top:before {
    width: calc(100% + 7vw);
  }
}
@media (min-width: 1200px) {
  .res_info__right > div .prices_list__row:before {
    width: calc(100% + 1vw);
  }
}
.res_info__right > p {
  text-align: center;
}
@media (min-width: 1200px) {
  .res_info__right > p {
    letter-spacing: 0.009rem;
    line-height: 1.9rem;
  }
}
@media (min-width: 1920px) {
  .res_info__right > p {
    letter-spacing: 0.0047vw;
    line-height: 1vw;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .res_info_2
\* -------------------------- */
.res_info_2 {
  padding-top: 7rem;
}
@media (min-width: 430px) {
  .res_info_2__p2 figure,
.res_info_2__p2 iframe, .res_info_2__p3 figure,
.res_info_2__p3 iframe {
    width: 80%;
  }
}
@media (min-width: 768px) {
  .res_info_2__p2 figure,
.res_info_2__p2 iframe, .res_info_2__p3 figure,
.res_info_2__p3 iframe {
    width: 35vw;
    height: 18.46vw;
  }
}
@media (min-width: 1200px) {
  .res_info_2__p2 figure,
.res_info_2__p2 iframe, .res_info_2__p3 figure,
.res_info_2__p3 iframe {
    width: 29.17vw;
    height: 16.46vw;
  }
}
.res_info_2__p2 {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .res_info_2__p2 {
    margin-bottom: 0;
  }
}
.res_info_2__p3 {
  margin-bottom: 2rem;
}
@media (min-width: 430px) {
  .res_info_2__p3 figure,
.res_info_2__p3 iframe {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .res_info_2__p3 figure,
.res_info_2__p3 iframe {
    margin-left: 0;
  }
}
.res_info_2__p4 .res_info__to_menu {
  border-top: none;
}
.res_info_2__p5 {
  border-bottom: solid 0.1rem #CDC9C1;
}
@media (min-width: 768px) {
  .res_info_2__p1 {
    grid-row: 1/span 1;
    grid-column: 2/span 11;
  }
  .res_info_2__p1 h2 {
    margin-bottom: 5vw;
  }
  .res_info_2__p1 p {
    padding-left: 2vw;
  }
  .res_info_2__p2 {
    grid-row: 1/span 1;
    grid-column: 16/span 12;
    margin: 0;
    padding: 4vw 0 2vw 0;
    position: relative;
  }
  .res_info_2__p2:before {
    content: "";
    width: 52%;
    height: 110%;
    position: absolute;
    background: #F6F4F2;
    right: 0;
    top: 0;
  }
  .res_info_2__p2 figure,
.res_info_2__p2 iframe {
    position: relative;
    z-index: 10;
  }
  .res_info_2__p3 {
    grid-row: 2/span 1;
    grid-column: 2/span 11;
  }
  .res_info_2__p4 {
    grid-row: 2/span 1;
    grid-column: 16/span 11;
  }
  .res_info_2__p5 {
    grid-row: 3/span 1;
    grid-column: 2/span 25;
  }
  .res_info_2__times {
    column-count: 2;
    column-gap: 2vw;
  }
  .res_info_2__times h4 {
    margin-bottom: 0.5vw;
  }
  .res_info_2__times .res_info__bubble {
    grid-template-columns: 50% 10% 1fr;
  }
}
@media (min-width: 1200px) {
  .res_info_2 .shell {
    row-gap: 2vw;
  }
  .res_info_2__p1 {
    grid-row: 1/span 1;
    grid-column: 2/span 9;
  }
  .res_info_2__p1 h2 {
    margin-bottom: 7.5vw;
  }
  .res_info_2__p1 > p {
    padding-left: 3.4vw;
  }
  .res_info_2__p2 {
    grid-row: 1/span 1;
    grid-column: 15/span 13;
    padding-top: 6.5vw;
  }
  .res_info_2__p3 {
    grid-row: 2/span 1;
    grid-column: 2/span 9;
  }
  .res_info_2__p4 {
    grid-row: 2/span 1;
    grid-column: 15/span 11;
    padding-top: 4vw;
  }
  .res_info_2__p5 {
    padding-right: 2vw;
  }
  .res_info_2__p5 h3 {
    margin-bottom: 1vw;
  }
  .res_info_2__p5 > p:nth-child(2), .res_info_2__p5 > p:nth-child(3) {
    margin-bottom: 2.5vw;
  }
  .res_info_2__times {
    column-gap: 2vw;
    width: 66.8%;
  }
  .res_info_2__times > div {
    margin-bottom: 1vw;
    overflow: hidden;
  }
  .res_info_2__times .res_info__bubble {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .res_info_2__times {
    column-gap: 6vw;
  }
  .res_info_2 .res_info__bubble {
    grid-template-columns: 50% 5% 1fr;
  }
}

/* -------------------------- *\
    by A.Alexandrov
    .rest_list
    .rest_list--menus
\* -------------------------- */
.rest_list .shell .rest_thumb h3 {
  color: #6E6259;
}
.rest_list .shell > p {
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
  color: #8C8279;
}
@media (max-width: 360px) {
  .rest_list .shell > p {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 768px) {
  .rest_list .shell > p {
    transform: translateY(2vw);
  }
}
.rest_list .shell > h2 {
  color: #CDC9C1;
}
@media (max-width: 360px) {
  .rest_list .shell > h2 {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 768px) {
  .rest_list .shell > h2 {
    margin-bottom: 4.5vw;
  }
}
.rest_list .shell > div {
  display: grid;
  justify-content: space-between;
  justify-items: center;
}
@media (min-width: 600px) {
  .rest_list .shell > div {
    grid-template-columns: 1fr 1fr;
    column-gap: 5vw;
  }
}
@media (min-width: 1200px) {
  .rest_list .shell > div {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5vw;
    row-gap: 2.5vw;
  }
}
.rest_list .shell > div .item_img {
  margin-bottom: 2vw;
}
.rest_list .rest_thumb {
  transform: none;
}

.rest_list--menus .menu_thumb {
  display: grid;
  grid-template-rows: auto 1fr;
  width: 100%;
}
.rest_list--menus .menu_thumb > div:first-child {
  padding: 1rem 0;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  background: #F6F4F2;
}
@media (min-width: 600px) {
  .rest_list--menus .menu_thumb > div:first-child {
    height: 59vw;
  }
}
@media (min-width: 1200px) {
  .rest_list--menus .menu_thumb > div:first-child {
    height: 31.25vw;
  }
}
@media (min-width: 1400px) {
  .rest_list--menus .menu_thumb > div:first-child {
    padding: 3vw 0 1vw 0;
    margin-bottom: 1vw;
    gap: 0;
  }
}
.rest_list--menus .menu_thumb > div:first-child figure:nth-of-type(1) {
  width: 60%;
}
.rest_list--menus .menu_thumb > div:first-child figure:nth-of-type(2) {
  width: 10%;
  min-width: 5.3rem;
}
.rest_list--menus .menu_thumb > div:first-child p {
  text-transform: uppercase;
}

@media (min-width: 1200px) {
  .rest_list--selected .rest_thumb:not(.last) .item_img {
    margin-bottom: 1.6vw;
  }
}
.rest_list--selected .rest_thumb:not(.last) > div p.mid {
  color: #A2A2A2;
  margin-bottom: 1rem;
  font-weight: 300;
}
@media (min-width: 768px) {
  .rest_list--selected .rest_thumb:not(.last) > div p.mid {
    margin-bottom: 0.7vw;
  }
}
@media (min-width: 1200px) {
  .rest_list--selected .rest_thumb:not(.last) > div p.mid {
    line-height: 1.4vw;
    margin-bottom: 1vw;
    display: block;
    min-height: 9.8vw;
  }
}
.rest_list--selected .rest_thumb:not(.last) > div p:last-of-type {
  color: #6E6259;
}
@media (min-width: 1200px) {
  .rest_list--selected .rest_thumb:not(.last) > div h3 {
    margin-top: 0vw;
    letter-spacing: 0.005vw;
  }
}
@media (min-width: 1200px) {
  .rest_list--selected .shell > p {
    letter-spacing: 0vw;
  }
}
@media (min-width: 1200px) {
  .rest_list--selected .shell > h2 {
    margin-bottom: 2vw;
  }
}
@media (min-width: 1200px) {
  .rest_list--selected .shell > div {
    column-gap: 2vw;
  }
}
@media (min-width: 1600px) {
  .rest_list--selected .shell > div {
    column-gap: 5vw;
  }
}
.rest_list--selected .last {
  display: flex;
  flex-flow: column;
  justify-content: center;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .rest_list--selected .last {
    padding: 15vw 0 7vw 0;
    justify-content: space-between;
  }
}
@media (min-width: 1400px) {
  .rest_list--selected .last {
    padding: 8vw 0 18.7vw 0;
  }
  .rest_list--selected .last > p {
    line-height: 1.4vw;
  }
}
@media (min-width: 600px) {
  .rest_list--selected .last .about__bottom {
    justify-content: center;
    gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .rest_list--selected .last .about__bottom {
    gap: 2.5rem;
    justify-content: start;
  }
}
@media (min-width: 600px) {
  .rest_list--selected .last .gray_buble {
    grid-template-columns: 100%;
    width: 100%;
  }
  .rest_list--selected .last .gray_buble p {
    grid-row: unset;
    grid-column: unset;
    text-align: center;
  }
  .rest_list--selected .last .gray_buble:before {
    width: calc(100% - 5rem);
    height: 0.1rem;
    top: 50%;
    left: 2.5rem;
  }
}
@media (min-width: 768px) {
  .rest_list--selected .last .gray_buble {
    width: 70%;
  }
}
@media (min-width: 1024px) {
  .rest_list--selected .last .gray_buble {
    width: auto;
    grid-template-columns: 1fr 1fr;
  }
  .rest_list--selected .last .gray_buble:before {
    left: 50%;
    width: 0.1rem;
    height: calc(100% - 1.56vw);
    transform: translateY(-50%);
  }
  .rest_list--selected .last .gray_buble p {
    text-align: left;
  }
  .rest_list--selected .last .gray_buble p:nth-child(1) {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
  }
  .rest_list--selected .last .gray_buble p:nth-child(2) {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
  }
  .rest_list--selected .last .gray_buble p:nth-child(3) {
    grid-row: 1/span 1;
    grid-column: 2/span 1;
  }
  .rest_list--selected .last .gray_buble p:nth-child(4) {
    grid-row: 2/span 1;
    grid-column: 2/span 1;
  }
}
@media (min-width: 1200px) {
  .rest_list--selected .last .gray_buble {
    column-gap: 1vw;
    padding: 1.2vw 0.8vw;
  }
}
@media (min-width: 1400px) {
  .rest_list--selected .last .gray_buble {
    column-gap: 2vw;
    padding: 0.78vw 1.83vw;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .menu_sect
\* -------------------------- */
.menu_sect {
  overflow: hidden;
}
.menu_sect__top {
  position: relative;
  margin-bottom: 4rem;
  padding: 2rem 0 1rem 0;
}
@media (min-width: 550px) {
  .menu_sect__top {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 3fr 7fr;
    column-gap: 4rem;
    padding: 0;
  }
  .menu_sect__top > *:nth-child(1) {
    grid-row: 1/span 1;
    grid-column: 1/span 1;
    align-self: end;
    transform: translateY(0.5rem);
  }
  .menu_sect__top > *:nth-child(3) {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
    align-self: center;
    padding: 1.5rem 0;
  }
}
@media (min-width: 768px) {
  .menu_sect__top {
    grid-column: 6/span 17;
  }
}
@media (min-width: 1200px) {
  .menu_sect__top {
    margin-bottom: 3vw;
    grid-template-columns: 4fr 5fr;
    min-height: 5.21vw;
  }
}
.menu_sect__top:before {
  content: "";
  width: calc(100% + 50vw);
  height: 100%;
  position: absolute;
  background: #EAE6E0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu_sect__top p, .menu_sect__top h2 {
  position: relative;
  z-index: 10;
}
.menu_sect__top p {
  margin-bottom: 0;
}
.menu_sect__top p:nth-child(1) {
  font-weight: 300;
}
.menu_sect__top h2 {
  margin-bottom: 2rem;
}
@media (min-width: 550px) {
  .menu_sect__top h2 {
    grid-row: 2/span 1;
    grid-column: 1/span 1;
    margin-bottom: 0;
  }
}
.menu_sect__dish {
  margin-bottom: 5vw;
}
@media (min-width: 768px) {
  .menu_sect__dish {
    grid-column: 6/span 17;
    margin-bottom: 1.5vw;
  }
}
@media (min-width: 1400px) {
  .menu_sect__dish {
    margin-bottom: 3vw;
  }
}
.menu_sect__dish .prices_list__row {
  position: relative;
}
@media (min-width: 768px) {
  .menu_sect__dish .prices_list__row {
    width: 100%;
    grid-template-columns: 1fr 7vw 14vw;
    margin-bottom: 0.5vw;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .menu_sect__dish .prices_list__row {
    grid-template-columns: 1fr 7vw 9vw;
    min-height: 2.61vw;
    padding: 0 2.5vw;
    margin-bottom: 0.8vw;
  }
}
@media (min-width: 1200px) {
  .menu_sect__dish .prices_list__row:before {
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .menu_sect__dish .prices_list__row .icon svg {
    --size: 1.5vw;
  }
}
.menu_sect__dish .prices_list__row .new {
  display: block;
  position: absolute;
  top: -1.5rem;
  left: 2rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.7rem;
  height: 2.9rem;
  font-size: 1.2rem;
  letter-spacing: 0.007rem;
  line-height: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  background: #6E6259;
  border-radius: 1.5rem;
  padding: 0;
  transform: translate(-50%, -50%);
}
@media (min-width: 360px) {
  .menu_sect__dish .prices_list__row .new {
    top: 0;
    left: -2rem;
  }
}
@media (min-width: 768px) {
  .menu_sect__dish .prices_list__row .new {
    top: 0;
    left: 0.5vw;
  }
}
.menu_sect__dish .prices_list__row .prices_list__title {
  display: flex;
  align-items: center;
  justify-content: start;
  max-width: 85vw;
}
@media (min-width: 768px) {
  .menu_sect__dish .prices_list__row .prices_list__title {
    padding-right: 1rem;
  }
}
.menu_sect__dish .prices_list__row .prices_list__title .png_icon {
  width: 3.5rem;
  height: 3.5rem;
  margin-left: 1rem;
}
.menu_sect__dish .prices_list__row .prices_list__title .png_icon span {
  transform: translate(-50%, -50%) scale(0.25);
}
@media (min-width: 1200px) {
  .menu_sect__dish .prices_list__row > p:nth-child(1) {
    padding-left: 0;
  }
}
.menu_sect__dish > p {
  font-weight: 300;
  margin-top: 2rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .menu_sect__dish > p {
    margin-top: 0.5vw;
  }
}
@media (min-width: 1200px) {
  .menu_sect__dish > p {
    padding: 0 2vw;
    width: 60%;
  }
}
.menu_sect__dish > p strong {
  font-weight: 500;
}
.menu_sect__dish.short .prices_list__row {
  margin-bottom: 0;
}
.menu_sect__aller {
  display: flex;
  gap: 0.5rem;
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .menu_sect__aller {
    padding: 0 2vw;
  }
}
.menu_sect__aller .png_icon {
  width: 3rem;
  height: 3rem;
}

/* -------------------------- *\
by A.Alexandrov
    .menu_legend
\* -------------------------- */
.menu_legend {
  background: #F6F4F2;
  padding: 2vw 0;
}
.menu_legend .shell div {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .menu_legend .shell div {
    column-gap: 1vw;
    grid-column: 4/span 21;
    margin-bottom: 1.5vw;
  }
}
.menu_legend .shell div p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  font-weight: 500;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .menu_legend .shell div p {
    gap: 1vw;
  }
}
.menu_legend .shell div:nth-child(1) {
  column-gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .menu_legend .shell div:nth-child(1) {
    column-gap: 1vw;
    margin-bottom: 1.5vw;
  }
}
.menu_legend .shell div:nth-child(1) .png_icon {
  min-width: 9rem;
  min-height: 9rem;
}
.menu_legend .shell div:nth-child(2) {
  column-gap: 3rem;
  row-gap: 1rem;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .menu_legend .shell div:nth-child(2) {
    column-gap: 4vw;
    grid-column: 4/span 21;
  }
}
@media (min-width: 768px) {
  .menu_legend .shell div:nth-child(2) {
    row-gap: 0.5vw;
  }
}
.menu_legend .shell div:nth-child(2) .png_icon {
  min-width: 6rem;
  min-height: 6rem;
}

/* -------------------------- *\
by A.Alexandrov
    .offers
    .offers_2
    .offer_thumb
\* -------------------------- */
.fixed_backgr {
  display: grid;
  grid-template-columns: 100%;
}
.fixed_backgr:before {
  content: "";
  display: block;
  width: 100%;
  height: 50vh;
  position: sticky;
  top: 0;
  left: 0;
  background: #F6F4F2;
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
@media (min-width: 768px) {
  .fixed_backgr:before {
    height: 25vw;
  }
}
.fixed_backgr .shell {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
  z-index: 10;
}

.offers {
  position: relative;
}
.offers .shell {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  .offers .shell {
    padding-top: 3.5vw;
  }
}
.offers__top {
  margin-bottom: 2rem;
}
.offers__top p, .offers__top h2 {
  text-align: left;
}
.offers__top p {
  color: #8C8279;
  font-weight: 300;
}
@media (min-width: 1200px) {
  .offers__top p {
    transform: translateY(1vw);
  }
}
.offers__top h2 {
  color: #9D968D;
  text-transform: unset;
}
.offers__list {
  display: grid;
  grid-template-columns: 100%;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 600px) {
  .offers__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .offers__list {
    column-gap: 3vw;
    row-gap: 6vw;
    margin-bottom: 4vw;
  }
}
@media (min-width: 1400px) {
  .offers__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1.6vw;
  }
}
@media (min-width: 1400px) {
  .offers__list .offer_thumb:nth-child(3n+1) {
    grid-column: 1/span 1;
  }
  .offers__list .offer_thumb:nth-child(3n+2) {
    grid-column: 2/span 1;
  }
  .offers__list .offer_thumb:nth-child(3n+3) {
    grid-column: 3/span 1;
  }
}
.offers .about__bottom {
  padding-left: 0;
}
.offers__decor_1, .offers__decor_2 {
  display: none;
}
@media (min-width: 768px) {
  .offers__decor_1, .offers__decor_2 {
    display: block;
    transform: scale(0.5);
    position: absolute;
  }
}
@media (min-width: 768px) {
  .offers--dec1 .offers__decor_1 {
    opacity: 0.5;
    top: 3vw;
    right: 3vw;
    transform: scale(0.5) translate(50%, -50%);
    height: 59.28vw;
    width: 44.3vw;
  }
  .offers--dec1 .offers__decor_1 img {
    width: 100%;
    height: 100%;
  }
}
@media (min-width: 1400px) {
  .offers--dec1 .offers__decor_1 {
    opacity: 1;
    transform: scale(0.5) translate(32%, -50.5%);
  }
}
.offers--dec2 .offers__decor_1:nth-of-type(1) {
  top: -18.6vw;
  right: -1.5vw;
  transform: scale(-0.5, 0.5) rotate(118deg);
}
.offers--dec2 .offers__decor_1:nth-of-type(2) {
  top: 30vw;
  right: 3.5vw;
  transform: scale(0.5) rotate(-120deg);
}

.offers_2__head {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  gap: 1rem;
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .offers_2__head {
    gap: 1vw;
    margin: 2.5vw 0;
  }
}
.offers_2__head .head_top {
  grid-column: 1/span 2;
  grid-row: 1/span 1;
  text-align: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
}
@media (min-width: 768px) {
  .offers_2__head .head_top {
    font-size: 2.4rem;
    line-height: 3rem;
  }
}
@media (min-width: 1200px) {
  .offers_2__head .head_top {
    font-size: 1.67vw;
    line-height: 2.03vw;
  }
}
.offers_2__head .title_side {
  grid-column: 1/span 1;
  grid-row: 2/span 1;
  height: 100%;
  text-align: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
}
.offers_2__head .title {
  grid-row: 2/span 1;
  grid-column: 2/span 1;
  text-align: left;
  color: #9D968D;
  text-transform: unset;
}
@media (min-width: 768px) {
  .offers_2__head .title {
    line-height: 5.5vw;
  }
}
.offers_2__list {
  display: grid;
  grid-template-columns: 38rem;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 600px) {
  .offers_2__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .offers_2__list {
    column-gap: 3vw;
    row-gap: 6vw;
    margin-bottom: 4vw;
  }
}
@media (min-width: 1400px) {
  .offers_2__list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 1.6vw;
  }
}

.offer_thumb {
  display: flex;
  flex-flow: column;
}
.offer_thumb figure {
  margin-bottom: 2rem;
}
.offer_thumb h3 {
  margin-bottom: 0.5rem;
  font-size: 2rem;
  letter-spacing: 0.01rem;
  line-height: 2rem;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .offer_thumb h3 {
    font-size: 2.5rem;
    letter-spacing: 0.015rem;
    line-height: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .offer_thumb h3 {
    font-size: 1.57vw;
    line-height: 1.57vw;
    letter-spacing: 0.009vw;
    margin-bottom: 0.5vw;
  }
}
.offer_thumb > div {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 2rem;
}
.offer_thumb > div .text--t8 {
  font-family: var(--font-family);
  color: inherit;
}
.offer_thumb > p {
  margin-bottom: 1rem;
}

/* -------------------------- *\
    by A.Alexandrov
    .golf_course
\* -------------------------- */
.golf_course .shell {
  row-gap: 2rem;
}
@media (min-width: 600px) {
  .golf_course .shell {
    row-gap: 4vw;
  }
}
.golf_course__head {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .golf_course__head {
    grid-column: 2/span 13;
    width: fit-content;
    gap: 0;
  }
}
.golf_course__head > * {
  margin-bottom: 0;
}
.golf_course__head > *:nth-child(1) {
  text-transform: uppercase;
}
.golf_course__head > *:nth-child(2) {
  text-align: left;
  color: #8C8279;
}
.golf_course__head > *:nth-child(3) {
  text-align: right;
}
@media (min-width: 768px) {
  .golf_course__text {
    grid-column: 16/span 11;
  }
}
@media (min-width: 768px) {
  .golf_course .three_bubbles {
    grid-column: 2/span 10;
  }
}
@media (min-width: 1024px) {
  .golf_course .three_bubbles {
    grid-column: 2/span 13;
    justify-content: center;
    gap: 1vw;
  }
  .golf_course .three_bubbles > a {
    max-width: 13vw;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .golf_course .about__bottom {
    grid-row: 2/span 1;
    grid-column: 13/span 14;
    justify-content: start;
    align-self: center;
  }
  .golf_course .about__bottom .gray_buble {
    width: fit-content;
  }
}
@media (min-width: 1024px) {
  .golf_course .about__bottom {
    grid-column: 15/span 13;
    gap: 1vw;
  }
  .golf_course .about__bottom .gray_buble {
    padding: 0.78vw 0.8vw;
  }
}
.golf_course__list {
  display: grid;
  grid-template-columns: 100%;
  gap: 2rem;
  --bor-rad: 2.5rem;
}
@media (min-width: 550px) {
  .golf_course__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .golf_course__list {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2vw;
  }
}
.golf_course__list p {
  margin-bottom: 0;
}
.golf_course__list > div {
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
@media (min-width: 360px) {
  .golf_course__list > div {
    gap: 2rem;
  }
}
@media (min-width: 768px) {
  .golf_course__list > div {
    gap: 2vw;
  }
}
.golf_course__list > div p {
  text-align: center;
}
.golf_course__list > div .top {
  position: relative;
}
.golf_course__list > div .top figure {
  border-top-right-radius: var(--bor-rad);
  border-top-left-radius: var(--bor-rad);
  overflow: hidden;
  max-height: 50vw;
}
@media (min-width: 550px) {
  .golf_course__list > div .top figure {
    max-height: 40vw;
  }
}
@media (min-width: 768px) {
  .golf_course__list > div .top figure {
    max-height: 30vw;
  }
}
@media (min-width: 1200px) {
  .golf_course__list > div .top figure {
    max-height: 25vw;
  }
}
@media (min-width: 1400px) {
  .golf_course__list > div .top figure {
    max-height: 18.75vw;
  }
}
.golf_course__list > div .top figure:nth-child(1) {
  position: relative;
}
.golf_course__list > div .top figure:nth-child(1):before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.golf_course__list > div .top figure:nth-child(1) img {
  transform: scale(1.5);
  filter: blur(0.5rem);
}
.golf_course__list > div .top figure:nth-child(2) {
  position: absolute;
  z-index: 10;
  height: 100%;
  width: auto;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 0;
}
.golf_course__list > div .top figure:nth-child(2) img {
  height: 100%;
}
.golf_course__list > div .top div {
  display: grid;
  grid-template-columns: 1fr 8.8rem 1fr;
  border-bottom-right-radius: var(--bor-rad);
  border-bottom-left-radius: var(--bor-rad);
  background: #5A7B7D;
  padding: 0.5rem 0;
  align-items: center;
}
@media (min-width: 1024px) {
  .golf_course__list > div .top div {
    grid-template-columns: 1fr 15rem 1fr;
  }
}
.golf_course__list > div .top div p:nth-child(1) {
  text-align: right;
  color: #FFFFFF;
}
.golf_course__list > div .top div p:nth-child(3) {
  text-align: left;
  color: #FFFFFF;
}
.golf_course__list > div .top div p:nth-child(2) {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #5A7B7D;
  justify-self: center;
  font-size: 4rem;
  line-height: 4rem;
}
@media (min-width: 1024px) {
  .golf_course__list > div .top div p:nth-child(2) {
    font-size: 6rem;
  }
}
@media (min-width: 1920px) {
  .golf_course__list > div .top div p:nth-child(2) {
    font-size: 3.13vw;
    line-height: 2.09vw;
  }
}
.golf_course__list > div .top div p:nth-child(2) span {
  position: relative;
  z-index: 50;
  transform: translateY(-10%);
}
@media (min-width: 1024px) {
  .golf_course__list > div .top div p:nth-child(2) span {
    transform: translateY(-25%);
  }
}
.golf_course__list > div .top div p:nth-child(2):before {
  content: "";
  width: 6rem;
  height: 6rem;
  position: absolute;
  background: #FFFFFF;
  background: #FFFFFF;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: solid 0.1rem #5A7B7D;
}
@media (min-width: 1024px) {
  .golf_course__list > div .top div p:nth-child(2):before {
    width: 8.8rem;
    height: 8.8rem;
  }
}
.golf_course__list > div .bot {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media (min-width: 360px) {
  .golf_course__list > div .bot {
    width: 80%;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .golf_course__list > div .bot {
    width: 60%;
    gap: 1.5vw;
  }
}
.golf_course__list > div .bot a {
  gap: 1rem;
  padding: 0 1rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .golf_course__list > div .bot a {
    justify-content: space-between;
    padding: 0 1vw 0 2.5vw;
  }
}
.golf_course__list > div .bot.single {
  grid-template-columns: 1fr;
  justify-items: center;
}

/* -------------------------- *\
by A.Alexandrov
    .popup
    .golf_map
\* -------------------------- */
.golf_map {
  background: none;
  display: block;
  padding: 0;
}
.golf_map:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.76);
  top: 0;
  left: 0;
  position: fixed;
}
.golf_map.open .shell {
  transform: scale(1);
}
.golf_map.close .shell {
  transform: scale(1.3);
}
.golf_map .shell {
  position: relative;
  z-index: 10;
  padding: 3rem 0;
  transition: transform 0.5s;
  transform: scale(0.8);
}
@media (min-width: 768px) {
  .golf_map .shell {
    padding: 7vw 0;
  }
}
.golf_map .shell > * {
  position: relative;
  z-index: 20;
}
.golf_map .shell:before {
  content: "";
  display: block;
  background: #FFFFFF;
  width: 100%;
  height: 100%;
  z-index: 10;
  grid-row: 1/span 2;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .golf_map .shell:before {
    grid-column: 2/span 31;
  }
}
@media (min-width: 768px) {
  .golf_map .shell:before {
    grid-column: 2/span 25;
  }
}

@media (max-width: 767px) {
  .golf_map .shell > div {
    grid-column: 2/span 31;
  }
}
@media (max-width: 359px) {
  .golf_map .shell > div {
    grid-column: 2/span 1;
  }
}
.golf_map .shell > div:nth-child(1) {
  padding-top: 4rem;
  grid-row: 1/span 1;
  margin-bottom: 2rem;
  position: relative;
}
@media (min-width: 768px) {
  .golf_map .shell > div:nth-child(1) {
    margin: 2vw 0 5vw 0;
  }
}
.golf_map .shell > div:nth-child(1) .popup__close {
  top: 1rem;
  right: 1rem;
}
@media (min-width: 768px) {
  .golf_map .shell > div:nth-child(1) .popup__close {
    top: 0vw;
    left: calc(100% - 5vw);
  }
}
.golf_map .shell > div:nth-child(2) {
  grid-row: 2/span 1;
  justify-self: center;
  justify-content: center;
  padding-left: 0;
  margin: 0 auto 2rem auto;
  width: calc(100% - 2rem);
}
@media (min-width: 768px) {
  .golf_map .shell > div:nth-child(2) {
    width: 80%;
    margin-bottom: 4vw;
  }
}
@media (min-width: 1400px) {
  .golf_map .shell > div:nth-child(2) {
    width: 59.5%;
  }
}
.golf_map .shell > div:nth-child(2) .gray_buble {
  width: fit-content;
}
.golf_map .shell > div > h2, .golf_map .shell > div p {
  text-align: center;
}
.golf_map .shell > div > h2 {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .golf_map .shell > div > h2 {
    margin-bottom: 2.2vw;
  }
}
.golf_map__table {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  margin: 0 auto;
  width: calc(100% - 2rem);
}
@media (min-width: 768px) {
  .golf_map__table {
    margin: 0 auto;
    width: 80%;
  }
}
@media (min-width: 1400px) {
  .golf_map__table {
    width: 59.5%;
  }
}
.golf_map__table p {
  margin-bottom: 0;
}
.golf_map__table.top {
  height: 5rem;
  background: #F6F4F2;
  border-radius: 3.6rem;
}
@media (max-width: 767px) {
  .golf_map__table.top p {
    line-height: 1.5rem;
  }
}
@media (min-width: 768px) {
  .golf_map__table.top {
    height: 7rem;
  }
}
@media (min-width: 1400px) {
  .golf_map__table.top {
    height: 4.59vw;
  }
}
.golf_map__table.row {
  height: 4rem;
  position: relative;
}
.golf_map__table.row:before {
  content: "";
  width: 93%;
  height: 0.1rem;
  position: absolute;
  background: #F6F4F2;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .golf_map__table.row {
    height: 5rem;
  }
}
@media (min-width: 1400px) {
  .golf_map__table.row {
    height: 3.75vw;
  }
}
.golf_map__table.row > span.popup__close--js {
  display: block;
  cursor: pointer;
  user-select: none;
}
.golf_map__table.row svg {
  width: 2rem;
  height: 2rem;
  --svg-clr: var(--c8);
}
.golf_map__map {
  position: relative;
  width: fit-content;
  height: auto;
  margin: 0 auto 2rem auto;
}
@media (min-width: 768px) {
  .golf_map__map {
    margin-bottom: 3vw;
  }
}
.golf_map__map > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: solid 0.2rem #9D968D;
  border-radius: 50%;
  font-size: 1.4rem;
  letter-spacing: 0.05rem;
  line-height: 1.8rem;
  font-weight: 700;
  color: #000;
  background: #FFFFFF;
  position: absolute;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .golf_map__map > span {
    width: 4.8rem;
    height: 4.8rem;
    border: solid 0.4rem #9D968D;
    font-size: 1.8rem;
    letter-spacing: 0.125rem;
    line-height: 2.2rem;
  }
}
.golf_map__map .tool__t {
  flex-flow: column;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 200;
}
.golf_map__map .tool__t.view {
  visibility: visible;
  opacity: 1;
}
.golf_map__map .map_btn {
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
}
.golf_map__map .map_btn:before, .golf_map__map .map_btn:after {
  content: none;
}
.golf_map__text {
  padding: 5vw;
}
@media (min-width: 768px) {
  .golf_map__text {
    padding: 5rem 0;
    max-width: 70%;
    margin: 0 auto;
  }
}
@media (min-width: 1400px) {
  .golf_map__text {
    max-width: 50%;
  }
}
.golf_map__gallery {
  width: calc(100% - 2rem);
  margin: 2rem auto;
  display: grid;
  grid-template-columns: 100%;
}
@media (min-width: 600px) {
  .golf_map__gallery {
    grid-template-columns: 1fr 1fr;
    gap: 1.3vw;
  }
}
@media (min-width: 768px) {
  .golf_map__gallery {
    margin: 5vw auto 3vw auto;
    width: 80%;
  }
}
@media (min-width: 1400px) {
  .golf_map__gallery {
    width: 59.5%;
  }
  .golf_map__gallery figure {
    height: 15.63vw;
    cursor: pointer;
    user-select: none;
  }
}
.golf_map--area .shell > div:nth-child(1) {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .golf_map--area .golf_map__map {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .golf_map--area .golf_map__map {
    width: 55%;
  }
}
.golf_map--area .golf_map__map figure {
  width: fit-content;
  height: auto;
  margin: 0 auto;
}
.golf_map--gallery .auto_fade {
  width: calc(100% - 2rem);
  margin: 2rem auto 4rem auto;
  position: relative;
}
@media (min-width: 768px) {
  .golf_map--gallery .auto_fade {
    margin: 5vw auto 0 auto;
    width: 80%;
  }
}
@media (min-width: 1400px) {
  .golf_map--gallery .auto_fade {
    width: 59.5%;
  }
}
.golf_map--gallery .auto_fade__gal {
  height: 50vw;
}
@media (min-width: 768px) {
  .golf_map--gallery .auto_fade__gal {
    height: 27vw;
  }
}
@media (min-width: 1200px) {
  .golf_map--gallery .auto_fade__gal {
    height: 27vw;
  }
}
.golf_map--gallery .auto_fade__next, .golf_map--gallery .auto_fade__prev {
  position: absolute;
  display: block;
  width: 3rem;
  height: 3rem;
  top: calc(100% + 1rem);
}
@media (min-width: 768px) {
  .golf_map--gallery .auto_fade__next, .golf_map--gallery .auto_fade__prev {
    top: 50%;
    transform: translateY(-50%);
  }
}
.golf_map--gallery .auto_fade__next svg, .golf_map--gallery .auto_fade__prev svg {
  width: 100%;
  height: 100%;
  --svg-clr: var(--c8);
}
.golf_map--gallery .auto_fade__next {
  right: 0;
}
@media (min-width: 768px) {
  .golf_map--gallery .auto_fade__next {
    right: unset;
    left: calc(100% + 3vw);
  }
}
.golf_map--gallery .auto_fade__prev {
  left: 0;
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .golf_map--gallery .auto_fade__prev {
    left: unset;
    right: calc(100% + 3vw);
    transform: translateY(-50%) rotate(180deg);
  }
}

/* -------------------------- *\
by A.Alexandrov
    Styles
    .ui-datepicker
    .ui-timepicker-container
    .book_form
    .book_form--info
    .book_form--popup
    .book_form--wedding
    .book_form--member
\* -------------------------- */
.book_form {
  position: relative;
  --backgr: var(--cw);
  --main-clr: var(--c8);
  background: var(--backgr);
}
.book_form input,
.book_form textarea {
  background: var(--backgr);
}
@media (min-width: 768px) {
  .book_form {
    padding-top: 0;
  }
}
.book_form > figure {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.book_form__cont {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 768px) {
  .book_form__cont {
    max-width: 80%;
    margin: 0 auto;
    gap: 1.5vw;
  }
}
@media (min-width: 1200px) {
  .book_form__cont {
    max-width: 80%;
  }
}
@media (min-width: 1300px) {
  .book_form__cont {
    max-width: 65%;
  }
}
@media (min-width: 1700px) {
  .book_form__cont {
    max-width: 48%;
  }
}
.book_form__cont > p {
  text-align: center;
  max-width: 90%;
}
@media (min-width: 768px) {
  .book_form__cont > p {
    max-width: 80%;
  }
}
.book_form__cont p {
  margin: 0 auto;
}
.book_form__cont p.med {
  font-weight: 500;
}
.book_form__cont .backgr {
  position: relative;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .book_form__cont .backgr {
    margin-bottom: 2vw;
  }
}
.book_form__cont .backgr > * {
  position: relative;
  z-index: 10;
}
.book_form__cont .backgr:before {
  content: "";
  width: calc(100% + 2rem);
  height: calc(100% + 2rem);
  position: absolute;
  background: #F6F4F2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4.4rem;
}
@media (min-width: 1200px) {
  .book_form__cont .backgr:before {
    height: calc(100% + 4rem);
    width: 100%;
  }
}
.book_form__cont .lab_inp > p {
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 2.2rem;
  color: var(--main-clr);
  font-weight: 500;
  margin: 0;
  width: auto;
  max-width: 100%;
  text-align: left;
  margin-bottom: 1rem;
}
.book_form__cont .bor_inp {
  border: solid 0.1rem #CDC9C1;
  height: 4.5rem;
  display: grid;
  align-items: center;
  background: var(--backgr);
}
.book_form__cont .bor_inp p,
.book_form__cont .bor_inp input,
.book_form__cont .bor_inp select {
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 1.9rem;
  color: var(--main-clr);
  font-family: var(--font-family);
  height: 100%;
  cursor: pointer;
  user-select: none;
}
.book_form__cont .bor_inp p {
  display: flex;
  align-items: center;
  justify-content: center;
}
.book_form__cont .bor_inp span {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.book_form__cont .bor_inp .dec {
  border-right: solid 0.1rem #CDC9C1;
}
.book_form__cont .bor_inp .dec svg {
  --size: 2.5rem;
  --svg-clr: var(--main-clr);
}
.book_form__cont .bor_inp .arr {
  display: flex;
  align-items: center;
  justify-content: center;
}
.book_form__cont .bor_inp .arr svg {
  --size: 2.2rem;
  --svg-clr: var(--main-clr);
}
.book_form__cont .date_time {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  padding: 0 3.5rem;
}
.book_form__cont .date_time .date {
  width: 23rem;
}
.book_form__cont .date_time .date,
.book_form__cont .date_time .hour {
  display: grid;
  grid-template-columns: 5.1rem 1fr 4rem;
  background: var(--backgr);
}
.book_form__cont .date_time .date span,
.book_form__cont .date_time .hour span {
  width: 100%;
  height: 100%;
}
.book_form__cont .date_time .date span svg,
.book_form__cont .date_time .hour span svg {
  --svg-clr: var(--main-clr);
  position: relative;
}
.book_form__cont .date_time .date input,
.book_form__cont .date_time .hour input {
  border: none;
  padding-left: 1rem;
  width: 100%;
}
.book_form__cont .date_time .year {
  grid-template-columns: 1fr 4rem;
  width: 11.4rem;
}
.book_form__cont .date_time .year p {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
.book_form__cont .date_time .year select {
  grid-row: 1/span 1;
  grid-column: 1/span 2;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.book_form__cont .date_time .year .arr {
  grid-row: 1/span 1;
  grid-column: 2/span 1;
}
.book_form__cont .date_time .year .arr svg {
  position: relative;
}
.book_form__cont .date_time .hour {
  width: 16.5rem;
}
.book_form__cont .date_time .hour .dec,
.book_form__cont .date_time .hour p,
.book_form__cont .date_time .hour .arr,
.book_form__cont .date_time .hour select {
  grid-row: 1/span 1;
}
.book_form__cont .date_time .hour .dec {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  z-index: 10;
}
.book_form__cont .date_time .hour p {
  grid-column: 2/span 1;
}
.book_form__cont .date_time .hour .arr {
  grid-column: 3/span 1;
  grid-row: 1/span 1;
  z-index: 10;
}
.book_form__cont .date_time .hour select {
  grid-column: 1/span 3;
  opacity: 0;
}
.book_form__cont .date_time .hour input {
  grid-column: 1/span 3;
  grid-row: 1/span 1;
  text-align: center;
}
.book_form__cont .pax {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .book_form__cont .pax {
    width: 50%;
  }
}
.book_form__cont .pax p {
  width: fit-content;
  margin: 0;
}
.book_form__cont .pax svg {
  --size: 2.5rem;
  --svg-clr: var(--main-clr);
  position: relative;
}
.book_form__cont .pax div {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media (min-width: 360px) {
  .book_form__cont .pax div {
    width: fit-content;
  }
}
.book_form__cont .pax div span {
  position: relative;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 3.8rem;
  padding: 0;
  border: solid 0.1rem #CDC9C1;
  border-left: none;
  background: var(--backgr);
  cursor: pointer;
  user-select: none;
  font-size: 1.6rem;
  transition: all 0.2s;
}
@media (min-width: 768px) {
  .book_form__cont .pax div span {
    width: 5.8rem;
    height: 4.6rem;
  }
}
.book_form__cont .pax div span:nth-child(1) {
  border-left: solid 0.1rem #CDC9C1;
  width: 4.9rem;
}
@media (min-width: 768px) {
  .book_form__cont .pax div span:nth-child(1) {
    width: 5.9rem;
  }
}
.book_form__cont .pax div span:hover {
  font-size: 2rem;
  color: var(--main-clr);
}
.book_form__cont .pax div span.sel {
  border-color: #779a9c;
}
.book_form__cont .pax div span.sel:before {
  content: "";
  width: 0.1rem;
  height: 100%;
  position: absolute;
  background: #779a9c;
  left: -0.1rem;
}
.book_form__cont .line {
  border-bottom: solid 0.1rem var(--main-clr);
  padding: 0 0.5rem;
  width: 100%;
}
.book_form__cont .text input,
.book_form__cont .text textarea {
  border: none;
  font-size: 1.604rem;
  line-height: 2rem;
  color: var(--main-clr);
  font-family: var(--font-family);
  width: 100%;
}
.book_form__cont .text input::placeholder,
.book_form__cont .text textarea::placeholder {
  color: var(--main-clr);
}
.book_form__cont .names,
.book_form__cont .conts,
.book_form__cont .message {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1rem;
  width: 90%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .book_form__cont .names,
.book_form__cont .conts,
.book_form__cont .message {
    width: 70%;
  }
}
.book_form__cont .names .sel,
.book_form__cont .conts .sel,
.book_form__cont .message .sel {
  display: grid;
  grid-template-columns: 100%;
}
.book_form__cont .names .sel > *,
.book_form__cont .conts .sel > *,
.book_form__cont .message .sel > * {
  grid-row: 1/span 1;
  grid-column: 1/span 1;
}
.book_form__cont .names .sel select,
.book_form__cont .conts .sel select,
.book_form__cont .message .sel select {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.book_form__cont .names .sel svg,
.book_form__cont .conts .sel svg,
.book_form__cont .message .sel svg {
  width: 1.8rem;
  height: 1.8rem;
  --svg-clr: var(--main-clr);
  justify-self: end;
  align-self: center;
}
.book_form__cont .names .sel p,
.book_form__cont .conts .sel p,
.book_form__cont .message .sel p {
  width: 100%;
  text-align: left;
  font-size: 1.604rem;
  line-height: 2rem;
  color: var(--main-clr);
}
@media (min-width: 500px) {
  .book_form__cont .names {
    display: grid;
    grid-template-columns: auto 1fr 1fr;
  }
}
.book_form__cont .names > div:nth-child(1) {
  max-width: 7.1rem;
  min-width: 7.1rem;
}
.book_form__cont .names > div:nth-child(2) {
  max-width: 22.2rem;
}
.book_form__cont .names > div:nth-child(3) {
  max-width: 22.2rem;
}
@media (min-width: 500px) {
  .book_form__cont .conts {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .book_form__cont .conts.one_item {
    grid-template-columns: 1fr;
  }
}
.book_form__cont .message textarea {
  height: 11.5rem;
  width: 100%;
  position: relative;
}
.book_form__cont .message textarea::placeholder {
  position: absolute;
  top: 0;
  left: 0;
}
.book_form__cont .agree {
  height: fit-content;
  width: 90%;
  margin: 0 auto;
  padding-left: 2.5rem;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.8rem;
  text-align: left;
  color: var(--main-clr);
}
@media (min-width: 768px) {
  .book_form__cont .agree {
    width: 70%;
  }
}
.book_form__cont .agree:before, .book_form__cont .agree:after {
  content: "";
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  left: 1rem;
  top: 1rem;
}
.book_form__cont .agree:before {
  width: 1.7rem;
  height: 1.7rem;
  border: solid 0.1rem var(--main-clr);
}
.book_form__cont .agree:after {
  width: 0.8rem;
  height: 0.8rem;
  background: var(--main-clr);
  opacity: 0;
}
.book_form__cont .agree.sel:after {
  opacity: 1;
}
.book_form__cont .agree a {
  color: #5A7B7D;
}
.book_form__cont .agree a:hover {
  text-decoration: underline;
}
.book_form__cont .submit,
.book_form__cont .arr_submit {
  transition: transform 0.3s;
}
.book_form__cont .submit:hover,
.book_form__cont .arr_submit:hover {
  transform: scale(1.1);
}
.book_form__cont .submit:active,
.book_form__cont .arr_submit:active {
  transform: scale(1.2);
}
.book_form__cont .submit {
  width: 17.5rem;
  height: 8.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4.4rem;
  background: #F6F4F2;
}
.book_form__cont .arr_submit {
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  color: var(--main-clr);
}
.book_form__cont .arr_submit svg {
  --size: 3rem;
  --svg-clr: var(--main-clr);
}
@media (min-width: 1200px) {
  .book_form.icons_section .hold {
    padding-top: 7rem;
    padding-bottom: 6rem;
  }
}
.book_form.icons_section .hold .gform_wrapper:not(.gform_validation_error) {
  position: absolute;
}
.book_form--member .line.handicap {
  width: 20rem;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .book_form--member .line.handicap {
    width: 23.4rem;
  }
}
.book_form--member .line.handicap input.handicap {
  width: 100%;
}
.book_form--info {
  background: #6E6259;
  --main-clr: var(--cw);
  --backgr: var(--c8);
}
.book_form--info .shell {
  padding: 3rem 0;
}
.book_form--info h2 {
  color: #FFFFFF;
}
@media (min-width: 768px) {
  .book_form--info h2 {
    grid-row: 1/span 1;
    position: relative;
    top: -3.9vw;
  }
}
@media (min-width: 768px) {
  .book_form--info .hold {
    grid-row: 1/span 3;
    grid-column: 10/span 17;
    padding: 6vw 0;
    max-width: 100%;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .book_form--info .hold {
    grid-row: 1/span 3;
    grid-column: 14/span 11;
    padding-left: 1vw;
  }
}
.book_form--info .hold > div {
  align-items: start;
}
@media (min-width: 768px) {
  .book_form--info .hold > div {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .book_form--info .hold .names {
    gap: 1.5rem;
  }
  .book_form--info .hold .names .text {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .book_form--info .hold .conts {
    gap: 1.5rem;
  }
}
@media (min-width: 768px) {
  .book_form--info .hold .message {
    margin-bottom: 2vw;
  }
}
@media (min-width: 768px) {
  .book_form--info .hold .agree {
    width: 100%;
    max-width: 100%;
  }
}
.book_form--info .hold .agree a {
  color: inherit;
}
.book_form--info .hold .agree a:hover {
  color: #A2A2A2;
  text-decoration: none;
}
.book_form--info .hold .arr_submit {
  margin: 0 0 0 auto;
  height: 5rem;
  position: relative;
  border-radius: 4.4rem;
  padding: 0 5rem 0 7rem;
  color: var(--backgr);
  background: var(--main-clr);
  font-size: 2.4rem;
  line-height: 3.2rem;
}
@media (min-width: 1200px) {
  .book_form--info .hold .arr_submit {
    height: 8.8rem;
  }
}
.book_form--info .hold .arr_submit svg {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  --svg-clr: var(--backgr);
}
.book_form--info .info_form__img {
  justify-self: start;
}
@media (min-width: 768px) {
  .book_form--info .info_form__img {
    grid-row: 3/span 1;
    grid-column: 2/span 4;
  }
}
.book_form .gform_confirmation_message {
  font-family: var(--font-family);
  color: #FFFFFF;
}
.book_form .gform_heading {
  display: none;
}
.book_form .gform_validation_error {
  margin: 0;
}
.book_form .gform_wrapper div.validation_error {
  margin: 0;
  padding: 0.5rem;
}
.book_form .gform_wrapper .top_label .gfield_label {
  display: none;
}
.book_form .gform_wrapper .top_label div.ginput_container {
  overflow: hidden;
  margin: 0;
  width: 0;
  height: 0;
}
.book_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin: 0;
}
.book_form .gform_wrapper ul li.gfield {
  margin: 0;
}
.book_form .gform_wrapper li.gfield.gfield_error {
  margin: 0 !important;
  padding: 0;
  background: none;
  border: none;
}
.book_form .gform_wrapper li.gfield.gfield_error .validation_message {
  padding: 0.5rem 0;
}
.book_form .gform_wrapper .gform_footer {
  margin: 0;
  overflow: hidden;
  width: 0;
  height: 0;
  position: relative;
  padding: 0;
}
.book_form .gform_wrapper .gform_footer > * {
  position: absolute;
  top: 0;
  left: 0;
}
.book_form.sub {
  padding-bottom: 2rem;
}
.book_form.sub .h__popup__text,
.book_form.sub .book_form__cont {
  display: none;
}

.book_form--lesson {
  padding: 2rem 0;
  --backgr: var(--c7);
}
@media (min-width: 768px) {
  .book_form--lesson {
    padding: 3vw 0;
  }
}
.book_form--lesson > figure {
  position: relative;
  left: unset;
  top: unset;
  transform: none;
  margin: 0 auto;
}
.book_form--lesson .c {
  background: var(--backgr);
}
.book_form--lesson h2,
.book_form--lesson .t-1 {
  background: var(--backgr);
  width: fit-content;
}
.book_form--lesson .date_time .line {
  border: none;
  width: 11.4rem;
  align-self: end;
}
.book_form--lesson .date_time .line input {
  border: solid 0.1rem #CDC9C1;
  height: 4.5rem;
  text-align: center;
}

.book_form--popup {
  --backgr: var(--c15);
  --main-clr: var(--cw);
  padding-top: 2rem;
  position: absolute;
}
.book_form--popup .book_form__cont {
  width: 100%;
  max-width: 100%;
  gap: 1rem;
}
.book_form--popup .book_form__cont > div,
.book_form--popup .book_form__cont .agree {
  width: 100%;
  max-width: 100%;
}
.book_form--popup .book_form__cont > div:not(.gform_wrapper) {
  margin-bottom: 1rem;
}
.book_form--popup .book_form__cont .conts {
  display: block;
}
.book_form--popup .book_form__cont .arr_submit {
  margin: 0 0 0 auto;
  height: 3rem;
}

.book_form--wedding {
  --backgr: var(--c7);
}
@media (max-width: 767px) {
  .book_form--wedding .shell .hold {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) and (min-width: 600px) {
  .book_form--wedding .shell .hold {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .book_form--wedding .shell .hold {
    padding-top: 7vw;
  }
}
@media (min-width: 1200px) {
  .book_form--wedding .shell .hold {
    max-width: 70%;
    padding-top: 6.5rem;
    padding-bottom: 0;
    gap: 1.3vw;
  }
}
@media (min-width: 1800px) {
  .book_form--wedding .shell .hold {
    max-width: 48%;
  }
}
@media (min-width: 768px) {
  .book_form--wedding .shell .hold > p {
    max-width: 87.5%;
  }
}
@media (min-width: 1200px) {
  .book_form--wedding .shell .hold > p {
    margin-bottom: 1.95vw;
  }
}
@media (min-width: 768px) {
  .book_form--wedding {
    padding-top: 3.5vw;
  }
}
.book_form--wedding > figure {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  transform: none;
  width: 14.5rem;
  height: 11rem;
}
@media (min-width: 1200px) {
  .book_form--wedding > figure {
    margin-bottom: -0.7vw;
  }
}
.book_form--wedding .c {
  background: var(--backgr);
}
.book_form--wedding h2,
.book_form--wedding .t-1 {
  background: var(--backgr);
  width: fit-content;
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .names {
    width: 79%;
    margin-bottom: 0.5vw;
  }
  .book_form--wedding .book_form__cont .names .line {
    max-width: 100%;
  }
}
@media (min-width: 1800px) {
  .book_form--wedding .book_form__cont .names {
    padding-right: 1vw;
  }
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .conts {
    margin-bottom: 0.6vw;
    width: 79%;
  }
}
@media (min-width: 1800px) {
  .book_form--wedding .book_form__cont .conts {
    padding-right: 1vw;
  }
}
.book_form--wedding .book_form__cont .date_time {
  padding: 0 2rem;
  row-gap: 1rem;
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .date_time .date {
    width: 100%;
  }
}
.book_form--wedding .book_form__cont .date_time .year {
  width: 100%;
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .date_time .lab_inp p {
    margin-bottom: 0.4vw;
  }
}
.book_form--wedding .book_form__cont .two_col {
  padding: 0 1rem;
}
.book_form--wedding .book_form__cont .two_col > p {
  row-gap: 0;
}
@media (min-width: 600px) {
  .book_form--wedding .book_form__cont .two_col > p {
    text-align: right;
  }
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .two_col > p {
    line-height: 2rem;
  }
}
@media (min-width: 600px) {
  .book_form--wedding .book_form__cont .two_col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .two_col {
    column-gap: 3vw;
    width: 82%;
  }
}
@media (min-width: 1800px) {
  .book_form--wedding .book_form__cont .two_col {
    padding-right: 3vw;
  }
}
.book_form--wedding .book_form__cont .bor_inp {
  background: #FFFFFF;
}
.book_form--wedding .book_form__cont .bor_inp input {
  border: none;
  background: #FFFFFF;
  padding: 0 1rem;
}
.book_form--wedding .book_form__cont .message {
  width: 100%;
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont .message {
    width: 79%;
  }
}
@media (min-width: 1800px) {
  .book_form--wedding .book_form__cont .message {
    padding-right: 2.5vw;
  }
}
.book_form--wedding .book_form__cont .message .bor_inp {
  width: 100%;
  height: auto;
}
.book_form--wedding .book_form__cont .message .bor_inp textarea {
  padding: 1rem;
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 2.2rem;
  color: var(--main-clr);
  font-weight: 500;
  margin: 0;
  width: auto;
  max-width: 100%;
  height: 100%;
  min-height: 11rem;
  border: none;
  text-align: left;
  margin-bottom: 1rem;
  margin: 0;
  background: #FFFFFF;
}
.book_form--wedding .book_form__cont .message .bor_inp textarea::placeholder {
  padding: 1rem;
}
.book_form--wedding .book_form__cont fieldset {
  border: none;
  position: relative;
}
@media (min-width: 1200px) {
  .book_form--wedding .book_form__cont fieldset {
    display: flex;
    flex-flow: column;
    gap: 0.4rem;
  }
}
.book_form--wedding .book_form__cont fieldset input {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.book_form--wedding .book_form__cont fieldset label {
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 2.2rem;
  color: var(--main-clr);
  font-weight: 500;
  margin: 0;
  width: auto;
  max-width: 100%;
  text-align: left;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  user-select: none;
  display: block;
}
.book_form--wedding .book_form__cont fieldset label:before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  position: absolute;
  background: #FFFFFF;
  left: 0;
  top: 0.2rem;
  border: solid 0.1rem #CDC9C1;
}
.book_form--wedding .book_form__cont fieldset label:after {
  opacity: 0;
  transition: opacity 0.2s;
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  background: var(--main-clr);
  left: 0.4rem;
  top: 0.6rem;
}
.book_form--wedding .book_form__cont fieldset label:hover {
  color: #A2A2A2;
}
.book_form--wedding .book_form__cont fieldset label:hover:before {
  border-color: var(--main-clr);
}
.book_form--wedding .book_form__cont fieldset input:checked + label:after {
  opacity: 1;
}
@media (min-width: 1800px) {
  .book_form--wedding .book_form__cont p.agree {
    margin-top: -0.5vw;
    margin-bottom: -0.4vw;
    width: 79%;
  }
}
.book_form--wedding .book_form__cont .arr_submit svg {
  transform: rotate(-90deg);
}
@media (min-width: 1800px) {
  .book_form--wedding .book_form__cont .arr_submit {
    padding-right: 2.2vw;
  }
}

.ui-timepicker-container {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}

.ui-timepicker {
  box-sizing: content-box;
  display: block;
  height: 205px;
  list-style: none outside none;
  margin: 0;
  padding: 0 1px;
  text-align: center;
}

.ui-timepicker-viewport {
  box-sizing: content-box;
  display: block;
  height: 205px;
  margin: 0;
  padding: 0;
  overflow: auto;
  overflow-x: hidden;
}

.ui-timepicker-standard {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  background-color: #FFF;
  border: 1px solid #AAA;
  color: #222;
  margin: 0;
  padding: 2px;
}

.ui-timepicker-standard a {
  border: 1px solid transparent;
  color: #222;
  display: block;
  padding: 0.2em 0.4em;
  text-decoration: none;
}

.ui-timepicker-standard .ui-state-hover {
  background-color: #DADADA;
  border: 1px solid #999;
  font-weight: 400;
  color: #212121;
}

.ui-timepicker-standard .ui-menu-item {
  margin: 0;
  padding: 0;
}

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.ui-timepicker-hidden {
  display: none;
}

.ui-timepicker-no-scrollbar .ui-timepicker {
  border: 0;
}

.ui-datepicker {
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.8);
  border: solid 0.1rem #5A7B7D;
  padding: 1rem;
  z-index: 200 !important;
}
.ui-datepicker a, .ui-datepicker span {
  color: var(--main-clr);
}
.ui-datepicker a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  width: 3rem;
  border: solid 0.1rem rgba(157, 150, 141, 0.5);
  border-radius: 0.5rem;
  transition: color 0.3s;
  background: #FFFFFF;
}
.ui-datepicker a:hover {
  color: #9D968D;
  font-size: 1.8rem;
}
.ui-datepicker-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 1rem;
  width: 100%;
  margin-bottom: 1rem;
}
.ui-datepicker-header a {
  width: fit-content;
  padding: 0 2rem;
}
.ui-datepicker-header a:hover span {
  color: #9D968D;
}
.ui-datepicker .ui-datepicker-title {
  display: flex;
  justify-content: space-between;
}
.ui-datepicker .ui-datepicker-next {
  justify-self: end;
}
.ui-datepicker .ui-datepicker-month {
  height: 2.5rem;
  width: 10rem;
  padding: 0.3rem;
}
.ui-datepicker-title {
  grid-column: 1/span 2;
}
.ui-datepicker .ui-datepicker-calendar {
  margin-bottom: 0;
}

/* -------------------------- *\
by A.Alexandrov
    .golf_events
\* -------------------------- */
.golf_events {
  padding-top: 5rem;
}
.golf_events__head {
  display: grid;
  grid-template-columns: 100%;
  margin-bottom: 2rem;
  gap: 0.5rem;
}
@media (min-width: 360px) {
  .golf_events__head {
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
  }
}
@media (min-width: 768px) {
  .golf_events__head {
    grid-row: 1/span 1;
    grid-column: 2/span 13;
    padding-right: 2.5vw;
    column-gap: 1.5rem;
    align-self: start;
    margin-bottom: 5rem;
  }
}
@media (min-width: 1200px) {
  .golf_events__head {
    row-gap: 2.5rem;
  }
}
.golf_events__head p,
.golf_events__head h2 {
  margin: 0;
  text-align: right;
}
.golf_events__head > p:nth-child(1) {
  color: #8C8279;
  font-weight: 300;
}
@media (min-width: 360px) {
  .golf_events__head > p:nth-child(1) {
    align-self: end;
  }
}
.golf_events__head h2 {
  text-transform: uppercase;
  color: #EAE6E0;
}
@media (min-width: 360px) {
  .golf_events__head h2 {
    align-self: end;
  }
}
@media (min-width: 768px) {
  .golf_events__head h2 {
    line-height: 4.3vw;
  }
}
.golf_events__head h2 p {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  font-weight: inherit;
}
.golf_events__head h2 p:nth-child(1) {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .golf_events__head h2 p:nth-child(1) {
    margin-bottom: 3rem;
  }
}
.golf_events__head h2 p:nth-child(2) {
  font-size: 0.6em;
}
@media (min-width: 768px) {
  .golf_events__head h2 p:nth-child(2) {
    line-height: 0.75em;
  }
}
.golf_events__head .title_side {
  grid-column: unset;
  grid-row: unset;
  text-align: left;
}
@media (min-width: 360px) {
  .golf_events__head .title_side {
    grid-row: 1/span 2;
    grid-column: 2/span 1;
    align-self: end;
  }
}
@media (min-width: 768px) {
  .golf_events__head .title_side {
    height: 15rem;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .golf_events__head .title_side {
    line-height: 2rem;
  }
}
@media (min-width: 1200px) {
  .golf_events__head .title_side {
    height: 20rem;
  }
}
@media (min-width: 768px) {
  .golf_events__text {
    grid-row: 1/span 1;
    grid-column: 15/span 12;
  }
}
@media (min-width: 1200px) {
  .golf_events__text {
    align-self: center;
  }
}
.golf_events__btns {
  margin-bottom: 4rem;
  grid-row: 3/span 1;
}
@media (min-width: 768px) {
  .golf_events__btns {
    margin-bottom: 3vw;
    grid-row: 2/span 1;
  }
}
@media (min-width: 1200px) {
  .golf_events__btns {
    width: 78%;
    justify-self: center;
  }
}
.golf_events__btns > div {
  display: none;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media (min-width: 600px) {
  .golf_events__btns > div {
    grid-template-columns: 1fr auto 1fr;
  }
}
.golf_events__btns > div.ex {
  display: grid;
}
.golf_events__btns > div > h3 {
  grid-row: 1/span 1;
  grid-column: 1/span 2;
  text-align: center;
  font-size: 4rem;
  margin: 0;
  color: #6E6259;
  font-weight: 300;
}
@media (min-width: 600px) {
  .golf_events__btns > div > h3 {
    grid-column: unset;
    grid-row: unset;
  }
}
@media (min-width: 768px) {
  .golf_events__btns > div > h3 {
    font-size: 6rem;
    letter-spacing: 0.033rem;
    line-height: 7.3rem;
  }
}
.golf_events__btns > div .btn {
  display: flex;
  align-items: center;
  height: 4.5rem;
  max-width: 18rem;
  width: 100%;
  padding: 0 1rem;
  gap: 1rem;
  background: #F6F4F2;
  border: solid 0.1rem #CDC9C1;
}
@media (min-width: 768px) {
  .golf_events__btns > div .btn {
    gap: 2rem;
    padding: 0 3rem;
    max-width: 23rem;
  }
}
.golf_events__btns > div .btn svg {
  --svg-clr: var(--c8);
  --size: 2rem;
  opacity: 0.5;
}
.golf_events__btns > div .btn p {
  color: #6E6259;
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
  line-height: 2.2rem;
  margin: 0;
}
.golf_events__btns > div .btn.prev svg {
  transform: rotate(180deg);
}
.golf_events__btns > div .btn.next {
  flex-flow: row-reverse;
  justify-self: end;
}
.golf_events__btns > div .btn.emp {
  opacity: 0;
  cursor: unset;
}
.golf_events__btns > div .btn:hover svg {
  opacity: 1;
}
.golf_events__bg, .golf_events__cal {
  grid-row: 4/span 1;
}
@media (min-width: 768px) {
  .golf_events__bg, .golf_events__cal {
    grid-row: 3/span 1;
  }
}
.golf_events__cal {
  z-index: 10;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1.65vw;
  row-gap: 2vw;
  display: none;
}
.golf_events__cal.ex {
  display: flex;
}
@media (min-width: 768px) {
  .golf_events__cal {
    grid-column: 3/span 23;
  }
}
.golf_events__cal > div {
  width: 100%;
  height: fit-content;
  max-width: 25rem;
  border-radius: 2rem;
  filter: drop-shadow(0 0.2rem 1.5rem rgba(0, 0, 0, 0.25));
  background: #FFFFFF;
  padding-bottom: 1rem;
}
@media (min-width: 360px) {
  .golf_events__cal > div {
    max-width: 20rem;
  }
}
@media (min-width: 768px) {
  .golf_events__cal > div {
    max-width: 24vw;
  }
}
@media (min-width: 1200px) {
  .golf_events__cal > div {
    max-width: 23.7vw;
  }
}
@media (min-width: 1920px) {
  .golf_events__cal > div {
    max-width: 24.7vw;
  }
}
.golf_events__cal > div h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 6rem;
  font-size: 2.4rem;
  line-height: 2.9rem;
  text-transform: uppercase;
  font-weight: 600;
  color: #6E6259;
  border-bottom: solid 0.2rem #EAE6E0;
  margin-bottom: 1rem;
}
@media (min-width: 1200px) {
  .golf_events__cal > div h4 {
    height: 8.3rem;
  }
}
.golf_events__cal > div > div {
  height: fit-content;
  max-height: 35.3rem;
  overflow: auto;
  display: flex;
  flex-flow: column;
  align-items: center;
  margin: 0 1rem;
  --scr-clr1: #CDC9C1;
  --scr-clr2: #F6F4F2;
  --scr-wid: 0.6rem;
  --scr-bor: 0.6rem;
}
@media (min-width: 768px) {
  .golf_events__cal > div > div {
    height: 35.3rem;
  }
}
@media (min-width: 1200px) {
  .golf_events__cal > div > div {
    max-height: 43.3rem;
    height: 43.3rem;
  }
}
.golf_events__cal > div > div > a {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 8.5rem;
  min-height: 8.5rem;
  gap: 0.5rem;
  border-radius: 4.25rem;
  width: 90%;
}
.golf_events__cal > div > div > a p {
  margin: 0;
  color: #6E6259;
  text-align: center;
}
.golf_events__cal > div > div > a p:nth-child(1) {
  font-size: 1.929rem;
  letter-spacing: 0.0131rem;
  line-height: 2.4rem;
  font-weight: 600;
  position: relative;
  display: block;
}
.golf_events__cal > div > div > a p:nth-child(1):before {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  background: #F6F4F2;
  border-radius: 50%;
  left: 50%;
  top: 1.5rem;
  transform: translate(-50%, -50%);
  z-index: -5;
}
.golf_events__cal > div > div > a p:nth-child(2) {
  font-size: 1.6rem;
  line-height: 1.9rem;
  font-weight: 500;
  position: relative;
}
.golf_events__cal > div > div > a p:nth-child(2):before {
  content: "";
  width: 100%;
  height: calc(100% + 1rem);
  position: absolute;
  background: #FFFFFF;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: background 0.3s;
  z-index: -5;
}
.golf_events__cal > div > div > a:hover {
  background: #F6F4F2;
}
.golf_events__cal > div > div > a:hover p:nth-child(2):before {
  background: rgba(0, 0, 0, 0);
}
.golf_events__bg {
  padding: 2rem 0;
  grid-column: 1/span 3;
}
@media (min-width: 360px) {
  .golf_events__bg {
    grid-column: 1/span 33;
  }
}
@media (min-width: 768px) {
  .golf_events__bg {
    grid-column: 1/span 27;
    padding: 5vw 0;
  }
}
.golf_events__cal {
  z-index: 10;
}
.golf_events__bot {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .golf_events__bot {
    margin-top: 3vw;
    max-width: 55%;
    justify-self: center;
  }
  .golf_events__bot p {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #6E6259;
  }
  .golf_events__bot p a {
    color: inherit;
  }
  .golf_events__bot p a:hover {
    color: #004432;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .memberships
\* -------------------------- */
.memberships .shell > p {
  text-transform: uppercase;
  font-weight: 300;
  margin: 0;
}
.memberships .shell > h2 {
  color: #CDC9C1;
  margin: 0;
  line-height: 14vw;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .memberships .shell > h2 {
    line-height: 5vw;
    margin-bottom: 3vw;
  }
}
.memberships .shell > div {
  display: grid;
  grid-template-columns: 100%;
  gap: 3rem;
}
@media (min-width: 550px) {
  .memberships .shell > div {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
  }
}
@media (min-width: 1200px) {
  .memberships .shell > div {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2vw;
  }
}
@media (min-width: 1600px) {
  .memberships .shell > div {
    column-gap: 1vw;
  }
  .memberships .shell > div.center_desk {
    grid-column: 2/span 24;
    padding-right: 2.5vw;
  }
}
.memberships .shell > div > figure {
  opacity: 0.07;
  width: 100%;
}
.memberships .shell > div > figure img {
  height: 100%;
  width: auto;
  margin: 0 auto;
  display: block;
}
.memberships .shell > div > figure:nth-of-type(1) {
  transform: scale(-1, 1);
}
.memberships__item {
  border-radius: 2rem;
  filter: drop-shadow(0 0.2rem 1.5rem rgba(0, 0, 0, 0.25));
  max-width: 47.5rem;
  justify-self: center;
  background: #FFFFFF;
  --side-padd: 2vw;
}
@media (min-width: 768px) {
  .memberships__item {
    --side-padd: 1.5vw;
  }
}
.memberships__item p {
  margin: 0;
  color: #6E6259;
  text-align: center;
}
.memberships__item > p:last-child {
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 0 var(--side-padd) 2rem var(--side-padd);
  font-weight: 500;
}
.memberships__item > div {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.memberships__item > div:nth-child(1) {
  height: fit-content;
  padding: 1rem var(--side-padd);
  gap: 1rem;
  border-bottom: solid 0.2rem #EAE6E0;
}
@media (min-width: 768px) {
  .memberships__item > div:nth-child(1) {
    padding: 2rem var(--side-padd);
  }
}
.memberships__item > div:nth-child(1) p {
  text-transform: uppercase;
}
.memberships__item > div:nth-child(1) p:nth-child(1) {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: var(--font-family-2);
}
.memberships__item > div:nth-child(1) p:nth-child(2) {
  font-size: 2.4rem;
  line-height: 2.9rem;
  font-weight: 600;
}
.memberships__item > div:nth-child(2) {
  padding: 4rem var(--side-padd) 0 var(--side-padd);
  position: relative;
  overflow: hidden;
  margin: 2rem 0;
}
.memberships__item > div:nth-child(2):before {
  content: "";
  width: 19.2rem;
  height: 19.2rem;
  position: absolute;
  background: #F6F4F2;
  border-radius: 50%;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.memberships__item > div:nth-child(2) p {
  position: relative;
  z-index: 10;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
}
.memberships__item > div:nth-child(2) p:nth-child(1) {
  font-size: 2.1rem;
  letter-spacing: 0.142rem;
  line-height: 2.9rem;
  display: block;
  background: #FFFFFF;
  width: 100%;
  padding: 1rem 0;
}
.memberships__item > div:nth-child(2) p:nth-child(2) {
  font-size: 1.6rem;
  line-height: 1.9rem;
  padding: 1rem 0;
}

/* -------------------------- *\
    by A.Alexandrov
    .contacts
    .info_form
\* -------------------------- */
.contacts p, .contacts h2, .contacts h3 {
  margin-bottom: 0;
}
.contacts .shell > div {
  display: flex;
  flex-flow: column;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .contacts .shell > div {
    padding-left: 12vw;
    gap: 4rem;
  }
}
@media (min-width: 1600px) {
  .contacts .shell > div {
    padding-left: 18vw;
    gap: 6rem;
  }
}
.contacts .shell > div .top {
  padding: 3rem 0 0 2rem;
  position: relative;
}
@media (min-width: 768px) {
  .contacts .shell > div .top {
    padding: 3vw 0 0 2.5vw;
  }
}
.contacts .shell > div .top:before {
  content: "";
  width: 100%;
  height: calc(100% - 0.6rem);
  position: absolute;
  background: #EAE6E0;
  top: 0;
  left: 0;
}
@media (min-width: 360px) {
  .contacts .shell > div .top:before {
    height: calc(100% - 0.7rem);
  }
}
@media (min-width: 768px) {
  .contacts .shell > div .top:before {
    height: calc(100% - 1.6vw);
  }
}
.contacts .shell > div .top > * {
  position: relative;
  z-index: 10;
}
.contacts .shell > div .top p {
  font-weight: 300;
}
@media (min-width: 768px) {
  .contacts .shell > div .top p {
    position: relative;
    top: 1.5vw;
  }
}
.contacts .shell > div .top h2 {
  color: #FFFFFF;
}
.contacts .shell > div > div:not(.top) {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}
@media (min-width: 1200px) {
  .contacts .shell > div > div:not(.top) {
    gap: 1.5rem;
  }
}
.contacts .shell > div > div:not(.top):nth-child(2) {
  margin-top: -1rem;
}
@media (min-width: 1200px) {
  .contacts .shell > div > div:not(.top):nth-child(2) {
    margin-top: -2rem;
  }
}
.contacts .shell > div > div:not(.top) h3 {
  margin: 0;
  text-transform: uppercase;
}
.contacts .shell > div > div:not(.top) h3 a, .contacts .shell > div > div:not(.top) p a {
  color: inherit;
}
.contacts .shell > div > div:not(.top) h3 a:hover, .contacts .shell > div > div:not(.top) p a:hover {
  color: #004432;
}

/* -------------------------- *\
by A.Alexandrov
    .room_book_form
    .h__book
    .ui-datepicker
\* -------------------------- */
.room_book_form {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  --bor: 0.6rem;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.room_book_form .popup__close {
  width: 3.2rem;
  height: 3.2rem;
  background: #FFFFFF;
  border: none;
}
.room_book_form .popup__close:before, .room_book_form .popup__close:after {
  background: #6E6259;
}
.room_book_form > span {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
}
.room_book_form.ex {
  opacity: 1;
  visibility: visible;
}
.room_book_form .book_form__cont {
  gap: 0;
  width: calc(100% - 2 * var(--bor));
  height: calc(100% - 2 * var(--bor));
  max-height: calc(100% - 2 * var(--bor));
  overflow: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  background: #CDC9C1;
  border-radius: 1.5rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  max-width: 60rem;
}
@media (min-width: 768px) {
  .room_book_form .book_form__cont {
    height: auto;
    padding: 2rem 0;
  }
}
.room_book_form .book_form__cont .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 2rem);
  padding: 0.5rem 0 1rem 0;
  border-bottom: solid 0.1rem rgba(255, 255, 255, 0.3);
}
.room_book_form .book_form__cont .logo img {
  width: 2.1rem;
  height: 4.7rem;
  object-fit: cover;
}
.room_book_form .book_form__cont h2,
.room_book_form .book_form__cont .book_form__text,
.room_book_form .book_form__cont .book_form__date {
  width: calc(100% - 1rem);
  border-bottom: solid 0.1rem #FFFFFF;
  padding-bottom: 1.5rem;
}
@media (min-width: 360px) {
  .room_book_form .book_form__cont h2,
.room_book_form .book_form__cont .book_form__text,
.room_book_form .book_form__cont .book_form__date {
    width: calc(100% - 5rem);
  }
}
.room_book_form .book_form__cont h2 {
  font-size: 3.2rem;
  letter-spacing: 0.267rem;
  line-height: 4.3rem;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: var(--font-family-2);
  padding-bottom: 1.5rem;
}
.room_book_form .book_form__cont .book_form__text {
  margin-bottom: 6rem;
}
.room_book_form .book_form__cont .book_form__text h3 {
  text-align: center;
  color: #6E6259;
  font-size: 1.628rem;
  letter-spacing: 0.136rem;
  line-height: 2rem;
}
.room_book_form .book_form__cont .book_form__text p {
  text-align: center;
  color: #6E6259;
  font-size: 1.4rem;
  letter-spacing: 0.117rem;
  line-height: 2rem;
}
.room_book_form .book_form__cont .book_form__date {
  display: flex;
  margin-bottom: 2rem;
}
.room_book_form .book_form__cont .book_form__date > * {
  width: 50%;
}
.room_book_form .book_form__cont .book_form__date p,
.room_book_form .book_form__cont .book_form__date input {
  font-size: 1.8rem;
  line-height: 2.2rem;
  font-family: var(--font-family);
}
.room_book_form .book_form__cont .book_form__date p {
  padding-right: 5rem;
  text-align: right;
  color: #FFFFFF;
}
.room_book_form .book_form__cont .book_form__date input {
  background: none;
  border: none;
  color: #6E6259;
}
.room_book_form .book_form__cont .book_form__guests > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
}
.room_book_form .book_form__cont .book_form__guests > div p {
  color: #6E6259;
  padding: 0 1.2rem 0 0;
  margin: 0;
}
.room_book_form .book_form__cont .book_form__guests > div svg {
  --size: 2.5rem;
  --svg-clr: var(--cw);
}
.room_book_form .book_form__cont .book_form__guests > div select {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.room_book_form .book_form__cont .book_form__guests.hid {
  display: none;
}
.room_book_form .book_form__cont .book_form__submit {
  width: calc(100% - 2rem);
  padding-bottom: 10rem;
  border-bottom: solid 0.1rem rgba(255, 255, 255, 0.3);
}
.room_book_form .book_form__cont .book_form__submit > span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 1.628rem;
  letter-spacing: 0.136rem;
  line-height: 2rem;
  color: #6E6259;
  gap: 1.5rem;
  background: #FFFFFF;
  height: 4rem;
  border-radius: 2rem;
  width: calc(100% - 3rem);
}
.room_book_form .book_form__cont .book_form__submit > span svg {
  --size: 1.2rem;
  fill: #6E6259;
}
.room_book_form .book_form__cont .book_form__bot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.room_book_form .book_form__cont .book_form__bot p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #6E6259;
}
.room_book_form .book_form__cont .book_form__bot figure img {
  width: 18.9rem;
  height: 5.5rem;
}

/* -------------------------- *\
by A.Alexandrov
    .bord_sect
\* -------------------------- */
@media (min-width: 768px) {
  .bord_sect {
    padding-top: 3vw;
  }
}
.bord_sect .shell:first-child {
  margin-bottom: 3rem;
}
.bord_sect .shell h2.t-1 {
  max-width: 100%;
  width: auto;
  text-align: center;
  max-width: 70%;
}
@media (min-width: 768px) {
  .bord_sect .shell h2.t-1 {
    position: relative;
    bottom: 0.3vw;
    padding: 0 2vw;
  }
}
.bord_sect .shell .bord_sect__cont {
  display: flex;
  flex-flow: column;
  flex-wrap: no-wrap;
  align-items: center;
  padding: 4.5rem 1rem 2rem 1rem;
}
@media (min-width: 768px) {
  .bord_sect .shell .bord_sect__cont {
    padding-top: 6.5vw;
  }
}
@media (min-width: 768px) {
  .bord_sect .shell .bord_sect__cont {
    padding: 5.5vw 1vw 2vw 1vw;
  }
}
@media (min-width: 1200px) {
  .bord_sect .shell .bord_sect__cont {
    padding: 4.5vw 1vw 2vw 1vw;
  }
}
.bord_sect .shell .bord_sect__cont .see {
  font-weight: 500;
  text-transform: none;
  margin-bottom: 2rem;
}
.bord_sect .shell .bord_sect__cont .bord_sect__top {
  text-transform: none;
  text-align: center;
}
.bord_sect .shell .bord_sect__cont .bord_sect__top > a {
  text-decoration: underline;
  color: #5A7B7D;
}
.bord_sect .shell .bord_sect__cont .bord_sect__top > a:hover {
  color: #004432;
}
.bord_sect .shell .bord_sect__cont > div {
  transition: height 2s var(--trans);
  overflow: hidden;
  margin: 1rem 0 1rem 0;
  height: 0px;
}
.bord_sect .shell .bord_sect__cont > div > div {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 1.5rem;
}
.bord_sect .shell .bord_sect__cont > div > div p {
  text-transform: none;
  max-width: 72rem;
  text-align: center;
  font-weight: 500;
  color: #8C8279;
}
.bord_sect .shell .bord_sect__cont > div > div p > a {
  color: inherit;
}
.bord_sect .shell .bord_sect__cont > div > div p > a:hover {
  color: #004432;
}
.bord_sect .shell .b {
  margin-bottom: 2rem;
  left: 50%;
}
.bord_sect .shell .b p {
  text-transform: none;
  font-weight: 500;
}
.bord_sect .shell .b p span:nth-child(2) {
  display: none;
}
.bord_sect .shell .b.ex p span:nth-child(1) {
  display: none;
}
.bord_sect .shell .b.ex p span:nth-child(2) {
  display: inline;
}
.bord_sect .shell p.bord_sect__bot {
  max-width: 76.5rem;
  justify-self: center;
  text-align: center;
  text-transform: none;
}
.bord_sect .shell p.bord_sect__bot > a {
  text-decoration: underline;
  color: #5A7B7D;
}
.bord_sect .shell p.bord_sect__bot > a:hover {
  color: #004432;
}

/* -------------------------- *\
by A.Alexandrov
    .offers_list_3
    .offers_list_small
\* -------------------------- */
@media (min-width: 768px) {
  .offers_list_3 {
    padding-top: 0;
  }
}
.offers_list_3:before {
  height: 40vh;
}
@media (min-width: 768px) {
  .offers_list_3:before {
    height: 32vh;
  }
}
.offers_list_3 .filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 2rem;
}
@media (min-width: 768px) {
  .offers_list_3 .filter {
    padding: 2.6vw 2rem;
  }
}
.offers_list_3 .filter > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  height: 4rem;
  border: solid 0.1rem #CDC9C1;
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 1.9rem;
  color: #6E6259;
}
@media (min-width: 1200px) {
  .offers_list_3 .filter > div {
    padding: 0 5rem;
  }
}
.offers_list_3 .filter > div.ex {
  font-weight: 600;
  color: #FFFFFF;
  background: #CDC9C1;
}
@media (min-width: 768px) {
  .offers_list_3 .offers__list {
    margin-bottom: 0;
  }
}

.offer {
  display: grid;
}
.offer.hid {
  display: none;
}
.offer .img {
  position: relative;
  overflow: hidden;
  height: 25rem;
}
@media (min-width: 1200px) {
  .offer .img {
    height: 30rem;
  }
}
.offer .img figure {
  height: 100%;
  width: 100%;
}
.offer .img img {
  transition: transform 1s var(--trans);
}
.offer .img > span {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  background: #FFFFFF;
  color: #6E6259;
  height: 4.5rem;
  width: 95%;
  text-transform: uppercase;
  font-size: 1.4rem;
  letter-spacing: 0.078rem;
  line-heght: 18rem;
}
.offer .title {
  font-size: 2.5rem;
  letter-spacing: 0.01rem;
  line-height: 3rem;
  color: #6E6259;
  text-align: left;
  text-transform: none;
  display: block;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .offer .title {
    min-height: 10rem;
  }
}
.offer .title span {
  color: inherit;
}
@media (min-width: 1200px) {
  .offer .title {
    font-size: 3rem;
    letter-spacing: 0.017rem;
    line-height: 4rem;
    padding: 0;
  }
}
.offer .info {
  color: #9D968D;
  font-size: 1.6rem;
  line-height: 2.3rem;
  display: block;
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .offer .info {
    font-size: 1.8rem;
    line-height: 2.5rem;
    min-height: 18rem;
  }
}
.offer:hover .img img {
  transform: scale(1.1);
}

@media (min-width: 768px) {
  .offers_list_small {
    padding-top: 0;
  }
}
.offers_list_small .shell .list_title {
  width: 100%;
}
@media (min-width: 768px) {
  .offers_list_small .shell .list_title {
    margin-bottom: 3.5vw;
  }
}
.offers_list_small .shell .list_title p, .offers_list_small .shell .list_title h2 {
  text-transform: uppercase;
  margin-bottom: 0;
}
.offers_list_small .shell .list_title p {
  font-weight: 300;
  color: #8C8279;
}
.offers_list_small .shell .list_title h2 {
  color: #CDC9C1;
}
@media (min-width: 768px) {
  .offers_list_small .shell .list_title h2 {
    line-height: 4vw;
  }
}
@media (min-width: 1400px) {
  .offers_list_small .shell .center_desk {
    grid-column: 5/span 20;
    max-width: 92.5%;
    justify-self: center;
  }
}
@media (min-width: 768px) {
  .offers_list_small .shell .offers__list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.offers_list_small .shell .to_more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10.4rem;
  height: 3.8rem;
  border-radius: 1.9rem;
  border: solid 0.2rem #6E6259;
  position: relative;
  top: -2vw;
}
@media (min-width: 768px) {
  .offers_list_small .shell .to_more {
    grid-row: 2/span 1;
    grid-column: 25/span 2;
    align-self: center;
    justify-self: end;
  }
}
.offers_list_small .shell .to_more svg {
  --size: 1.7rem;
  --svg-clr: var(--c8);
  position: relative;
  z-index: 10;
}
.offers_list_small .shell .to_more:hover svg {
  --svg-clr: var(--cw);
}

/* -------------------------- *\
by A.Alexandrov
    .simple_list
\* -------------------------- */
@media (min-width: 768px) {
  .simple_list .shell h2, .simple_list .shell ul, .simple_list .shell p {
    grid-column: 3/span 21;
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  .simple_list .shell h2, .simple_list .shell ul, .simple_list .shell p {
    grid-column: 6/span 13;
    position: relative;
    left: -1vw;
  }
}
.simple_list .shell h2 {
  margin-bottom: 3.5rem;
}
.simple_list .shell ul li {
  font-weight: 500;
}
.simple_list .shell p {
  margin-top: 5rem;
}
@media (min-width: 1200px) {
  .simple_list--wide .shell h2, .simple_list--wide .shell ul {
    position: relative;
    left: -2vw;
  }
}
@media (min-width: 1200px) {
  .simple_list--wide .shell ul {
    grid-column: 8/span 16;
    line-height: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .simple_list--wide .shell h2 {
    grid-column: 8/span 9;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .dropdown_list
\* -------------------------- */
@media (min-width: 768px) {
  .dropdown_list .shell .sect {
    margin-bottom: 2rem;
  }
}
.dropdown_list .shell .sect .br {
  height: 1.5rem;
}
@media (min-width: 1400px) {
  .dropdown_list .shell .sect p {
    line-height: 2.6rem;
  }
}
@media (min-width: 1400px) {
  .dropdown_list .shell .sect {
    width: 70%;
    margin: 0 auto 4rem auto;
  }
}
.dropdown_list .shell .sect h2 {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 1rem;
  font-weight: 500;
}
.dropdown_list .shell .sect h2 .sc {
  display: none;
}
.dropdown_list .shell .sect h2 svg {
  --size: 2rem;
  --svg-clr: var(--c8);
}
.dropdown_list .shell .sect.ex h2 .sc {
  display: inline;
}
.dropdown_list .shell .sect.ex h2 svg {
  display: none;
}

/* -------------------------- *\
    by A.Alexandrov
    .sticky_image
\* -------------------------- */
.sticky_image {
  position: relative;
  height: 200vh;
  width: 100%;
  padding: 0;
}
.sticky_image .scroll_track {
  position: absolute;
  left: 0;
  top: 100vh;
  height: 1px;
}
.sticky_image .shell:not(.base_grid) {
  max-width: 100%;
  height: 100%;
  padding: 0;
  --var: calc(1 + (var(--pr) - 0.666666 * var(--pr)) * 3 * 0.25 );
}
.sticky_image .shell:not(.base_grid) .sticky_image__cont {
  position: sticky;
  overflow: hidden;
  top: 0;
  height: 100vh;
  width: 100%;
}
.sticky_image .shell:not(.base_grid) .sticky_image__img {
  width: 100%;
  height: 100%;
  transform: scale(calc(0.8 * var(--var)));
  overflow: hidden;
}
.sticky_image .shell:not(.base_grid) .sticky_image__img figure {
  width: 100%;
  height: 100%;
  transform: scale(calc(1.25 / var(--var)));
}
.sticky_image .shell:not(.base_grid) .sticky_image__img.sticky_image__cont {
  height: 100vh;
}
.sticky_image.gate_image {
  height: unset;
  display: grid;
  grid-template-rows: 200vh auto;
}
@media (min-width: 1200px) {
  .sticky_image.gate_image {
    margin-bottom: 0;
  }
}
.sticky_image.gate_image .shell {
  width: 100%;
}
@media (min-width: 1200px) {
  .sticky_image.gate_image .gate_img .gate_img__box {
    position: relative;
    top: 0;
    transform: translate(-7.8vw, -50%);
  }
}
@media (min-width: 1200px) {
  .sticky_image.gate_image .gate_img {
    margin-bottom: 0;
  }
}
.sticky_image.gate_image--2 {
  height: auto;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 200vh auto;
}
@media (min-width: 768px) {
  .sticky_image.gate_image--2 {
    padding-top: 2vw;
  }
}
.sticky_image.gate_image--2 .gate_img > div {
  padding: 0;
  margin-bottom: -4vw;
}
@media (min-width: 768px) {
  .sticky_image.gate_image--2 .gate_img:last-of-type {
    margin-top: -4vw;
  }
}
@media (min-width: 768px) {
  .sticky_image.gate_image--2 .gate_img:last-of-type figure img {
    transform: translate(calc(8vw + 10%), 0);
  }
}
.sticky_image.gate_image--2 .scroll_track,
.sticky_image.gate_image--2 .shell:not(.base_grid) {
  grid-row: 2/span 1;
  grid-column: 1/span 1;
}
.sticky_image.gate_image--2 .shell {
  width: 100%;
}
.sticky_image.gate_image--2 .scroll_track {
  position: relative;
  top: 100vh;
}

@media (min-width: 1200px) {
  .sticky_image.gate_image + section,
.sticky_image.gate_image + .popup--video + section {
    margin-top: -4vw;
    position: relative;
    z-index: 5;
  }
}

/* -------------------------- *\
by A.Alexandrov
    .questions
\* -------------------------- */
.questions .shell > div {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .questions .shell > div {
    grid-column: 2/span 25;
  }
}
@media (min-width: 1200px) {
  .questions .shell > div {
    grid-column: 8/span 14;
    width: 94%;
    margin-bottom: 3rem;
  }
}
.questions .shell > div h2 {
  display: block;
  position: relative;
  padding-right: 2rem;
  margin: 0;
}
.questions .shell > div h2 svg {
  position: absolute;
  top: 0.5rem;
  right: 0;
  --size: 2.2rem;
  --svg-clr: var(--c8);
}
.questions .shell > div p {
  font-weight: 300;
  padding: 2rem 0 0 0;
  margin: 0;
}

/* controls */
.controls, .controls > * {
  padding: 0;
  margin: 0;
}

.controls {
  overflow: hidden;
  background: transparent;
  width: 100%;
  height: 3.8rem;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0 1rem;
  background: none;
  display: flex;
  gap: 1rem;
}
@media (max-width: 680px) {
  .controls {
    width: 100%;
    height: 2.5rem;
  }
  .controls button {
    background-position: center center;
  }
}
.controls[data-state=hidden] {
  display: none;
}
.controls[data-state=visible] {
  display: flex;
}

.controls > * {
  float: left;
  width: 3.4rem;
  height: 100%;
  display: block;
  transform: translateY(0.2rem);
}
@media (max-width: 500px) {
  .controls > * {
    transform: translateY(0.1rem);
  }
}

.controls > *:first-child {
  margin-left: 0;
}

.controls .progress {
  cursor: pointer;
  width: calc(100vw - 26rem);
  transform: translateY(-0.1rem);
  display: flex;
  align-items: center;
}

.controls button {
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: none;
  cursor: pointer;
  text-indent: -99999px;
  background: transparent;
  background-size: contain;
  background-repeat: no-repeat;
}

.controls button:hover, .controls button:focus {
  opacity: 0.5;
}

.controls button[data-state=play] {
  background-image: url('data:image/svg+xml,%3Csvg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16.6582 9.28638C18.098 10.1862 18.8178 10.6361 19.0647 11.2122C19.2803 11.7152 19.2803 12.2847 19.0647 12.7878C18.8178 13.3638 18.098 13.8137 16.6582 14.7136L9.896 18.94C8.29805 19.9387 7.49907 20.4381 6.83973 20.385C6.26501 20.3388 5.73818 20.0469 5.3944 19.584C5 19.053 5 18.1108 5 16.2264V7.77357C5 5.88919 5 4.94701 5.3944 4.41598C5.73818 3.9531 6.26501 3.66111 6.83973 3.6149C7.49907 3.5619 8.29805 4.06126 9.896 5.05998L16.6582 9.28638Z" stroke="%23FFFFFF" stroke-width="2" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.controls button[data-state=pause] {
  background-image: url('data:image/svg+xml,%3Csvg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M8 5V19M16 5V19" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.controls button[data-state=stop] {
  background-image: url('data:image/svg+xml,%3Csvg fill="%23FFFFFF" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg"%3E%3Ctitle%3Estop%3C/title%3E%3Cpath d="M5.92 24.096q0 0.832 0.576 1.408t1.44 0.608h16.128q0.832 0 1.44-0.608t0.576-1.408v-16.16q0-0.832-0.576-1.44t-1.44-0.576h-16.128q-0.832 0-1.44 0.576t-0.576 1.44v16.16z"%3E%3C/path%3E%3C/svg%3E');
}

.controls button[data-state=mute] {
  background-image: url('data:image/svg+xml,%3Csvg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M10.4 1.8C11.5532 0.262376 14 1.07799 14 3.00001V21.1214C14 23.0539 11.5313 23.8627 10.3878 22.3049L6.49356 17H4C2.34315 17 1 15.6569 1 14V10C1 8.34315 2.34315 7 4 7H6.5L10.4 1.8ZM12 3L8.1 8.2C7.72229 8.70361 7.12951 9 6.5 9H4C3.44772 9 3 9.44772 3 10V14C3 14.5523 3.44772 15 4 15H6.49356C7.13031 15 7.72901 15.3032 8.10581 15.8165L12 21.1214V3Z" fill="%23FFFFFF"/%3E%3Cpath d="M16.2137 4.17445C16.1094 3.56451 16.5773 3 17.1961 3C17.6635 3 18.0648 3.328 18.1464 3.78824C18.4242 5.35347 19 8.96465 19 12C19 15.0353 18.4242 18.6465 18.1464 20.2118C18.0648 20.672 17.6635 21 17.1961 21C16.5773 21 16.1094 20.4355 16.2137 19.8256C16.5074 18.1073 17 14.8074 17 12C17 9.19264 16.5074 5.8927 16.2137 4.17445Z" fill="%23FFFFFF"/%3E%3Cpath d="M21.41 5C20.7346 5 20.2402 5.69397 20.3966 6.35098C20.6758 7.52413 21 9.4379 21 12C21 14.5621 20.6758 16.4759 20.3966 17.649C20.2402 18.306 20.7346 19 21.41 19C21.7716 19 22.0974 18.7944 22.2101 18.4509C22.5034 17.5569 23 15.5233 23 12C23 8.47672 22.5034 6.44306 22.2101 5.54913C22.0974 5.20556 21.7716 5 21.41 5Z" fill="%23FFFFFF"/%3E%3C/svg%3E');
}

.controls button[data-state=unmute] {
  background-image: url('data:image/svg+xml,%3Csvg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M14 3.00001C14 1.07799 11.5532 0.262376 10.4 1.8L6.5 7H4C2.34315 7 1 8.34315 1 10V14C1 15.6569 2.34315 17 4 17H6.49356L10.3878 22.3049C11.5313 23.8627 14 23.0539 14 21.1214V3.00001ZM8.1 8.2L12 3V21.1214L8.10581 15.8165C7.72901 15.3032 7.13031 15 6.49356 15H4C3.44772 15 3 14.5523 3 14V10C3 9.44772 3.44772 9 4 9H6.5C7.12951 9 7.72229 8.70361 8.1 8.2Z" fill="%23FFFFFF"/%3E%3Cpath d="M21.2929 8.57094C21.6834 8.18041 22.3166 8.18042 22.7071 8.57094C23.0976 8.96146 23.0976 9.59463 22.7071 9.98515L20.7603 11.9319L22.7071 13.8787C23.0976 14.2692 23.0976 14.9024 22.7071 15.2929C22.3166 15.6834 21.6834 15.6834 21.2929 15.2929L19.3461 13.3461L17.3994 15.2929C17.0088 15.6834 16.3757 15.6834 15.9852 15.2929C15.5946 14.9023 15.5946 14.2692 15.9852 13.8787L17.9319 11.9319L15.9852 9.98517C15.5946 9.59464 15.5946 8.96148 15.9852 8.57096C16.3757 8.18043 17.0088 8.18043 17.3994 8.57096L19.3461 10.5177L21.2929 8.57094Z" fill="%23FFFFFF"/%3E%3C/svg%3E');
}

.controls button[data-state=volup] {
  background-image: url('data:image/svg+xml,%3Csvg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 12.0001H22M19 9.00009V15.0001M4.6 9.00009H5.5012C6.05213 9.00009 6.32759 9.00009 6.58285 8.93141C6.80903 8.87056 7.02275 8.77046 7.21429 8.63566C7.43047 8.48353 7.60681 8.27191 7.95951 7.84868L10.5854 4.69758C11.0211 4.17476 11.2389 3.91335 11.4292 3.88614C11.594 3.86258 11.7597 3.92258 11.8712 4.04617C12 4.18889 12 4.52917 12 5.20973V18.7904C12 19.471 12 19.8113 11.8712 19.954C11.7597 20.0776 11.594 20.1376 11.4292 20.114C11.239 20.0868 11.0211 19.8254 10.5854 19.3026L7.95951 16.1515C7.60681 15.7283 7.43047 15.5166 7.21429 15.3645C7.02275 15.2297 6.80903 15.1296 6.58285 15.0688C6.32759 15.0001 6.05213 15.0001 5.5012 15.0001H4.6C4.03995 15.0001 3.75992 15.0001 3.54601 14.8911C3.35785 14.7952 3.20487 14.6422 3.10899 14.4541C3 14.2402 3 13.9601 3 13.4001V10.6001C3 10.04 3 9.76001 3.10899 9.54609C3.20487 9.35793 3.35785 9.20495 3.54601 9.10908C3.75992 9.00009 4.03995 9.00009 4.6 9.00009Z" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.controls button[data-state=voldown] {
  background-image: url('data:image/svg+xml,%3Csvg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M16 12.0001H22M4.6 9.00009H5.5012C6.05213 9.00009 6.32759 9.00009 6.58285 8.93141C6.80903 8.87056 7.02275 8.77046 7.21429 8.63566C7.43047 8.48353 7.60681 8.27191 7.95951 7.84868L10.5854 4.69758C11.0211 4.17476 11.2389 3.91335 11.4292 3.88614C11.594 3.86258 11.7597 3.92258 11.8712 4.04617C12 4.18889 12 4.52917 12 5.20973V18.7904C12 19.471 12 19.8113 11.8712 19.954C11.7597 20.0776 11.594 20.1376 11.4292 20.114C11.239 20.0868 11.0211 19.8254 10.5854 19.3026L7.95951 16.1515C7.60681 15.7283 7.43047 15.5166 7.21429 15.3645C7.02275 15.2297 6.80903 15.1296 6.58285 15.0688C6.32759 15.0001 6.05213 15.0001 5.5012 15.0001H4.6C4.03995 15.0001 3.75992 15.0001 3.54601 14.8911C3.35785 14.7952 3.20487 14.6422 3.10899 14.4541C3 14.2402 3 13.9601 3 13.4001V10.6001C3 10.04 3 9.76001 3.10899 9.54609C3.20487 9.35793 3.35785 9.20495 3.54601 9.10908C3.75992 9.00009 4.03995 9.00009 4.6 9.00009Z" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
}

.controls progress {
  display: block;
  width: 100%;
  height: 0.4rem;
  border: none;
  overflow: hidden;
  -moz-border-radius: 0.2rem;
  -webkit-border-radius: 0.2rem;
  border-radius: 0.2rem;
  color: #D8D8D8; /* Internet Explorer uses this value as the progress bar's value colour */
}

.controls:hover progress {
  height: 2rem;
}

.controls progress[data-state=fake] {
  background: #A2A2A2;
  height: 65%;
}

.controls progress span {
  width: 0%;
  height: 100%;
  display: inline-block;
  background-color: #F6F4F2;
}

.controls progress::-moz-progress-bar {
  background-color: #A2A2A2;
}

/* Chrome requires its own rule for this, otherwise it ignores it */
.controls progress::-webkit-progress-bar {
  background-color: #F1F9F9;
}

.controls progress::-webkit-progress-value {
  background-color: #6E6259;
}

/* fullscreen */
html:-ms-fullscreen {
  width: 100%;
}

:-webkit-full-screen {
  background-color: transparent;
}

video:-webkit-full-screen + .controls {
  background: #A2A2A2; /* required for Chrome which doesn't heed the transparent value set above */
}

video:-webkit-full-screen + .controls progress {
  margin-top: 0.5rem;
}

/* hide controls on fullscreen with WebKit */
.video video::-webkit-media-controls {
  display: none !important;
}

.video {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  max-height: 100%;
}

.video .controls {
  position: absolute;
  width: 100%;
  z-index: 2147483647;
}

/* Media Queries */
@media screen and (max-width: 1024px) {
  .video {
    padding-left: 0;
    padding-right: 0;
    height: auto;
  }
  .controls {
    /* we want the buttons to be proportionally bigger, so give their parent a set height */
  }
}
/* -------------------------- *\
    .offer_popup
\* -------------------------- */
.h__popup.offer_popup {
  max-width: 54rem;
  width: 90%;
  position: fixed;
  top: unset;
  left: unset;
  bottom: 3.5rem;
  right: 1rem;
  transform: none;
  z-index: 1000;
  padding: 2.5rem 2rem 1rem 2rem;
}
@media (min-width: 768px) {
  .h__popup.offer_popup {
    padding: 4.5rem 4rem 3rem 4rem;
  }
}
.h__popup.offer_popup.ex {
  visibility: visible;
  opacity: 1;
}
@media (max-width: 1199px) {
  .h__popup.offer_popup.side_open {
    opacity: 0;
    visibility: hidden;
  }
}
.h__popup.offer_popup .cont {
  border: solid 0.1rem #FFFFFF;
  border-radius: 3rem;
  position: relative;
  padding: 3rem 0 4rem 0;
}
@media (min-width: 768px) {
  .h__popup.offer_popup .cont {
    padding: 4rem 0 6rem 0;
  }
}
.h__popup.offer_popup .cont .top {
  position: absolute;
  color: #FFFFFF;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #A8A297;
  padding: 0 1.5rem;
  text-align: center;
  z-index: 20;
  width: max-content;
  border-radius: 1rem;
}
.h__popup.offer_popup .cont .title {
  text-align: center;
  color: #FFFFFF;
  position: relative;
  z-index: 20;
  padding: 0 1.5rem;
  text-transform: unset;
  filter: drop-shadow(0 0.2rem 0.2rem black);
}
.h__popup.offer_popup .cont .arrow_link {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  background: none;
  border: none;
  --clr1: var(--cw);
  z-index: 20;
  filter: drop-shadow(0 0 1rem black);
}
@media (min-width: 768px) {
  .h__popup.offer_popup .cont .arrow_link {
    bottom: 1.5rem;
  }
}
.h__popup.offer_popup .cont .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  border-radius: 3rem;
  overflow: hidden;
}
.h__popup.offer_popup .cont .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* -------------------------- *\
    .main--404
\* -------------------------- */
.main--404 section {
  height: 100vh;
  width: 100%;
  padding: 0;
  background: #000;
  position: relative;
}
.main--404 section .bg {
  width: 100%;
  height: 100%;
  opacity: 0.8;
}
.main--404 section .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main--404 section > div {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 4rem);
  width: 100%;
  z-index: 10;
}
.main--404 section h1, .main--404 section p {
  text-align: center;
  color: #FFFFFF;
  filter: drop-shadow(0 0.2rem 0.4rem rgba(0, 0, 0, 0.5));
}
.main--404 section a {
  color: #F1F9F9;
}

.events_calendar_page {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .events_calendar_page {
    padding: 0;
  }
}
@media (min-width: 360px) {
  .events_calendar_page .shell--top {
    padding-left: 12vw;
    padding-right: 3.2vw;
    padding-top: 0;
    margin-bottom: 7vw;
  }
}
@media (min-width: 768px) {
  .events_calendar_page .shell--top {
    padding: 0;
    grid-template-columns: 7.8vw repeat(12, 12fr 14fr) 12fr 7.8vw;
    margin-bottom: 11.8vw;
  }
}
@media (min-width: 768px) {
  .events_calendar_page .top {
    grid-column: 1/span 25;
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 2vw;
  }
}
@media (min-width: 1200px) {
  .events_calendar_page .top {
    display: flex;
    gap: 2vw;
  }
}
.events_calendar_page .top__title {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto auto;
  margin-bottom: 2rem;
  gap: 2vw;
}
@media (max-width: 359px) {
  .events_calendar_page .top__title .title_side {
    grid-row: unset;
    grid-column: unset;
  }
}
.events_calendar_page .top__title .title_side {
  grid-row: 1/span 3;
  grid-column: 2/span 1;
}
@media (min-width: 360px) {
  .events_calendar_page .top__title .head_top {
    grid-row: 2/span 1;
    justify-self: end;
  }
  .events_calendar_page .top__title .title {
    grid-row: 3/span 1;
    justify-self: end;
  }
}
@media (min-width: 768px) {
  .events_calendar_page .top__title {
    gap: 1vw;
    margin-bottom: 0;
    max-width: 58.3rem;
  }
  .events_calendar_page .top__title .title_side {
    align-self: end;
  }
  .events_calendar_page .top__title .title {
    line-height: 5vw;
  }
}
.events_calendar_page .top__title .head_top,
.events_calendar_page .top__title .title {
  display: block;
  overflow: hidden;
}
.events_calendar_page .top__title .head_top span,
.events_calendar_page .top__title .title span {
  display: block;
  transform: translate(0, 100%);
  transition: transform 1.5s;
}
.events_calendar_page .top__title .title_side {
  opacity: 0;
  transition: opacity 1.5s;
}
.events_calendar_page .top.is-inview .top__title .head_top span,
.events_calendar_page .top.is-inview .top__title .title span {
  transform: translate(0, 0);
}
.events_calendar_page .top.is-inview .top__title .title_side {
  opacity: 1;
}
.events_calendar_page .top__gallery {
  overflow: hidden;
  width: fit-content;
}
@media (min-width: 768px) {
  .events_calendar_page .top__gallery {
    align-self: end;
  }
}
.events_calendar_page .top__gallery > div {
  overflow: visible;
  display: flex;
  position: relative;
  animation: 10s infinite normal move;
  animation-timing-function: linear;
  width: fit-content;
}
.events_calendar_page .top__gallery figure img {
  width: 100%;
  height: 100%;
  max-width: 15.4rem;
  max-height: 22rem;
  aspect-ratio: 154/220;
}
.events_calendar_page .top__gallery__cloned {
  display: flex;
  position: absolute;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
}
.events_calendar_page__controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2vw;
  max-width: 117.6rem;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}
.events_calendar_page__controls .left {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.events_calendar_page__controls .left .select {
  position: relative;
}
.events_calendar_page__controls .left .select .head {
  border: solid #CDC9C1 0.1rem;
  height: 5.4rem;
  display: grid;
}
.events_calendar_page__controls .left .select .head .cal_icon,
.events_calendar_page__controls .left .select .head .arr_icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.events_calendar_page__controls .left .select .head .cal_icon {
  width: 5rem;
  height: 100%;
  border-right: solid #CDC9C1 0.1rem;
}
.events_calendar_page__controls .left .select .head .cal_icon svg {
  --size: 2rem;
  --svg-clr: var(--c4);
}
.events_calendar_page__controls .left .select .head .sel_opt {
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 1.9rem;
  color: #8C8279;
  padding: 0 0.5rem 0 2rem;
  display: flex;
  align-items: center;
}
.events_calendar_page__controls .left .select .head .arr_icon {
  width: 4.5rem;
  height: 100%;
}
.events_calendar_page__controls .left .select .head .arr_icon svg {
  --size: 2rem;
  --svg-clr: var(--c4);
}
.events_calendar_page__controls .left .select .values {
  position: absolute;
  top: 100%;
  left: 0;
  background: #FFFFFF;
  border: solid #CDC9C1 0.1rem;
  border-top: none;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.events_calendar_page__controls .left .select .values.ext {
  visibility: visible;
  opacity: 1;
}
.events_calendar_page__controls .left .select .values > div {
  user-select: none;
  cursor: pointer;
  width: 100%;
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 1.9rem;
  color: #8C8279;
}
.events_calendar_page__controls .left .select .values > div:hover {
  background: rgba(140, 130, 121, 0.2);
}
.events_calendar_page__controls .left .select.months .head {
  width: 23rem;
  grid-template-columns: auto 1fr auto;
}
.events_calendar_page__controls .left .select.months .values > div {
  padding-left: 6.5rem;
}
.events_calendar_page__controls .left .select.years .head {
  width: 11.4rem;
  grid-template-columns: 1fr auto;
}
.events_calendar_page__controls .left .select.years .values > div {
  padding-left: 2rem;
}
.events_calendar_page__controls .right {
  display: flex;
  height: 4.5rem;
}
.events_calendar_page__controls .right > div {
  display: flex;
  align-items: center;
  padding: 0 2.5rem;
  font-size: 1.6rem;
  letter-spacing: 0.009rem;
  line-height: 1.9rem;
  color: #8C8279;
  position: relative;
}
.events_calendar_page__controls .right > div:before {
  pointer-events: none;
  content: "";
  width: calc(100% + 0.1rem);
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  left: 0;
  top: 0;
  border: solid #CDC9C1 0.1rem;
}
.events_calendar_page__controls .right > div.sel {
  z-index: 10;
}
.events_calendar_page__controls .right > div.sel:before {
  border: solid #779a9c 0.1rem;
}
.events_calendar_page .shell.backgr {
  background: #F6F4F2;
  margin-top: 4vw;
  padding-top: 4vw;
}
@media (min-width: 768px) {
  .events_calendar_page .shell.backgr {
    margin-top: 3rem;
    padding-top: 1rem;
  }
}
.events_calendar_page__calendar {
  max-width: 117.6rem;
  width: 100%;
  margin: 0 auto;
  background: #EAE6E0;
  margin-bottom: 6.5rem;
}
.events_calendar_page__calendar .top_controls {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3vw;
  position: relative;
  z-index: 50;
}
@media (min-width: 1024px) {
  .events_calendar_page__calendar .top_controls {
    grid-template-columns: auto 1fr auto;
    align-items: center;
  }
}
.events_calendar_page__calendar .top_controls .prev_month,
.events_calendar_page__calendar .top_controls .next_month {
  display: flex;
  border: solid 0.1rem #CDC9C1;
  height: 4.5rem;
  max-width: 23rem;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (max-width: 500px) {
  .events_calendar_page__calendar .top_controls .prev_month,
.events_calendar_page__calendar .top_controls .next_month {
    gap: 1rem;
  }
}
@media (min-width: 1024px) {
  .events_calendar_page__calendar .top_controls .prev_month,
.events_calendar_page__calendar .top_controls .next_month {
    width: 23rem;
  }
}
.events_calendar_page__calendar .top_controls .prev_month svg,
.events_calendar_page__calendar .top_controls .next_month svg {
  --size: 2rem;
  --svg-clr: var(--c8);
  opacity: 0.5;
}
.events_calendar_page__calendar .top_controls .prev_month span,
.events_calendar_page__calendar .top_controls .next_month span {
  font-size: 1.8rem;
  letter-spacing: 0.01rem;
  line-height: 2.2rem;
  color: #8C8279;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .events_calendar_page__calendar .top_controls .prev_month span,
.events_calendar_page__calendar .top_controls .next_month span {
    font-size: 1.3rem;
    letter-spacing: 0.01rem;
    line-height: 1.8rem;
  }
}
.events_calendar_page__calendar .top_controls .prev_month {
  padding: 0 0.5rem 0 2.5rem;
}
@media (max-width: 500px) {
  .events_calendar_page__calendar .top_controls .prev_month {
    padding: 0 0.5rem 0 1rem;
  }
}
.events_calendar_page__calendar .top_controls .prev_month svg {
  transform: rotate(180deg);
}
.events_calendar_page__calendar .top_controls .next_month {
  justify-self: end;
  padding: 0 2.5rem 0 0.5rem;
  justify-content: end;
}
@media (max-width: 500px) {
  .events_calendar_page__calendar .top_controls .next_month {
    padding: 0 1rem 0 0.5rem;
  }
}
.events_calendar_page__calendar .top_controls .date {
  display: flex;
  justify-self: center;
  align-items: center;
  gap: 1rem;
  grid-row: 2/span 1;
  grid-column: 1/span 2;
}
@media (min-width: 1024px) {
  .events_calendar_page__calendar .top_controls .date {
    grid-row: unset;
    grid-column: unset;
  }
}
.events_calendar_page__calendar .top_controls .date .month {
  font-size: 6rem;
  letter-spacing: 0.033rem;
  line-height: 7.3rem;
  font-weight: 300;
  color: #6E6259;
  text-transform: uppercase;
}
.events_calendar_page__calendar .top_controls .date .year {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  font-size: 1.771rem;
  letter-spacing: 0.12rem;
  line-height: 2.1rem;
  font-weight: 600;
  color: #6E6259;
}
.events_calendar_page__calendar .table {
  margin-top: 2vw;
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  padding-bottom: 3rem;
  position: relative;
}
.events_calendar_page__calendar .table:before {
  content: "";
  width: calc(100% + 0.1rem);
  height: 3rem;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  border: solid 0.1rem #CDC9C1;
  border-top: none;
  bottom: 0;
  left: -0.1rem;
}
@media (min-width: 1024px) {
  .events_calendar_page__calendar .table {
    gap: 0.1rem;
    margin-top: 1rem;
    padding-bottom: 1rem;
  }
  .events_calendar_page__calendar .table:before {
    height: 1rem;
  }
}
@media (max-width: 549px) {
  .events_calendar_page__calendar .table {
    overflow-x: auto;
    grid-template-columns: repeat(7, 6.5rem);
    padding-bottom: 2rem;
  }
  .events_calendar_page__calendar .table:before {
    height: 6rem;
  }
}
.events_calendar_page__calendar .table .cover {
  grid-column: 1/span 7;
  position: sticky;
  top: 9rem;
  z-index: 10;
}
.events_calendar_page__calendar .table .cover:before {
  content: "";
  width: 100%;
  height: 9rem;
  position: absolute;
  background: #F6F4F2;
  bottom: 100%;
  left: 0;
}
@media (max-width: 549px) {
  .events_calendar_page__calendar .table .cover {
    display: none;
  }
}
.events_calendar_page__calendar .table .week_day {
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.9rem;
  color: #6E6259;
  text-transform: uppercase;
  font-weight: 600;
  background: #EAE6E0;
  position: sticky;
  top: 7rem;
  z-index: 10;
}
.events_calendar_page__calendar .table .week_day.mid {
  display: none;
}
@media (max-width: 549px) {
  .events_calendar_page__calendar .table .week_day.mid {
    display: flex;
    height: 3.5rem;
  }
}
@media (max-width: 549px) {
  .events_calendar_page__calendar .table .week_day {
    top: 0;
  }
}
.events_calendar_page__calendar .table .week_day:before {
  content: "";
  width: calc(100% + 0.2rem);
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0);
  left: -0.1rem;
  top: 0;
  border: solid 0.1rem #FFFFFF;
  border-bottom: none;
}
.events_calendar_page__calendar .table .day {
  width: 100%;
  height: 15rem;
  position: relative;
  background: #FFFFFF;
  transition: background 0.3s;
}
@media (max-width: 899px) {
  .events_calendar_page__calendar .table .day {
    height: 20rem;
  }
}
.events_calendar_page__calendar .table .day.ext {
  background: none;
}
.events_calendar_page__calendar .table .day:before {
  content: "";
  width: calc(100% + 0.2rem);
  height: calc(100% + 0.2rem);
  position: absolute;
  background: rgba(0, 0, 0, 0);
  border: solid 0.1rem #CDC9C1;
  top: -0.1rem;
  left: -0.1rem;
}
.events_calendar_page__calendar .table .day:hover {
  background: rgba(110, 98, 89, 0.02);
}
.events_calendar_page__calendar .table .day .num {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  position: absolute;
  top: 1rem;
  left: 1rem;
  background: #F6F4F2;
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.9rem;
  color: #6E6259;
}
.events_calendar_page__calendar .table .day.dot .num:before {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  background: #779a9c;
  top: 0;
  right: -0.6rem;
  border-radius: 50%;
}
.events_calendar_page__calendar .table .day .images {
  position: absolute;
  display: flex;
  left: 1rem;
  bottom: 2rem;
}
@media (max-width: 1023px) {
  .events_calendar_page__calendar .table .day .images {
    left: unset;
    bottom: unset;
    top: 1rem;
    right: 1rem;
    flex-direction: column;
  }
}
@media (max-width: 899px) {
  .events_calendar_page__calendar .table .day .images {
    top: 5.5rem;
  }
}
@media (max-width: 549px) {
  .events_calendar_page__calendar .table .day .images {
    left: 1rem;
    right: unset;
  }
}
.events_calendar_page__calendar .table .day .images span {
  display: block;
  width: 2.3rem;
  height: 4.5rem;
  position: relative;
}
@media (max-width: 1023px) {
  .events_calendar_page__calendar .table .day .images span {
    width: 4.5rem;
    height: 2.3rem;
  }
}
.events_calendar_page__calendar .table .day .images span img {
  object-fit: cover;
  position: absolute;
  width: 4.5rem;
  height: 4.5rem;
  min-width: 4.5rem;
  min-height: 4.5rem;
  border-radius: 50%;
  overflow: hidden;
  border: solid 0.2rem #FFFFFF;
}
.events_calendar_page__calendar .table .day.fade .num,
.events_calendar_page__calendar .table .day.fade .images {
  opacity: 0.2;
}
.events_calendar_page__calendar .table .list {
  display: none;
}
.events_calendar_page__calendar .table .list.ext {
  display: block;
  grid-column: 1/span 7;
  padding-bottom: 2.5rem;
  position: relative;
}
.events_calendar_page__calendar .table .list.ext:before, .events_calendar_page__calendar .table .list.ext:after {
  content: "";
  width: 0.1rem;
  height: 100%;
  position: absolute;
  background: #CDC9C1;
  top: 0;
}
.events_calendar_page__calendar .table .list.ext:before {
  left: -0.1rem;
}
.events_calendar_page__calendar .table .list.ext:after {
  right: -0.1rem;
}
.events_calendar_page__calendar .table .list.ext .list__top {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-left: 3.5rem;
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.9rem;
  font-weight: 600;
  height: 8.5rem;
  color: #6E6259;
}
.events_calendar_page__calendar .table .list.ext .list__top__date {
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3.5rem;
  height: 3.5rem;
  border-radius: 2rem;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 2.5rem;
  padding: 2rem 3.5rem;
  border-bottom: solid 0.1rem #EAE6E0;
  background: #FFFFFF;
  transition: background 0.3s;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item img {
  object-fit: cover;
  grid-row: 1/span 3;
  width: 8.9rem;
  height: 8rem;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item span {
  margin-bottom: 0;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item span:nth-child(2),
.events_calendar_page__calendar .table .list.ext .list__events .event_item span:nth-child(4) {
  font-size: 1.2rem;
  letter-spacing: 0.081rem;
  line-height: 1.4rem;
  font-weight: 400;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item span:nth-child(2) {
  color: #5A7B7D;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item span:nth-child(3) {
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.9rem;
  font-weight: 600;
  color: #6E6259;
  align-self: center;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item span:nth-child(4) {
  color: #6E6259;
  align-self: end;
}
.events_calendar_page__calendar .table .list.ext .list__events .event_item:hover {
  background: rgba(110, 98, 89, 0.02);
}
.events_calendar_page__countdown {
  display: flex;
  flex-flow: column;
  max-width: 117.6rem;
  width: 100%;
  margin: 0 auto 3rem auto;
}
@media (min-width: 768px) {
  .events_calendar_page__countdown {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown {
    grid-template-columns: 35% 41% 1fr;
    min-height: 22rem;
    margin: 0 auto 6.5rem auto;
  }
}
.events_calendar_page__countdown .left {
  background: #90BEC0;
  padding: 2rem;
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown .left {
    padding: 0 0 0 4.5rem;
    display: flex;
    flex-flow: column;
    justify-content: center;
  }
}
.events_calendar_page__countdown .left h2 {
  font-size: 3.6rem;
  letter-spacing: 0.02rem;
  line-height: 4.4rem;
  color: #FFFFFF;
  font-weight: 500;
}
.events_calendar_page__countdown .left h2 br {
  display: none;
}
@media (min-width: 768px) {
  .events_calendar_page__countdown .left h2 br {
    display: inline;
  }
}
.events_calendar_page__countdown .left p {
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.8rem;
  color: #FFFFFF;
}
.events_calendar_page__countdown .mid {
  background: #7BB1B4;
  padding: 1rem 1rem 2rem 1rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown .mid {
    padding: 0 4.5rem;
  }
}
.events_calendar_page__countdown .mid:before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  background: #7BB1B4;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg) scale(1, 0.95);
}
@media (min-width: 768px) {
  .events_calendar_page__countdown .mid:before {
    left: 2rem;
  }
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown .mid:before {
    left: 100%;
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(45deg) scale(0.95, 1);
  }
}
.events_calendar_page__countdown .mid p {
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.8rem;
  color: #FFFFFF;
  width: 100%;
  text-align: center;
}
.events_calendar_page__countdown .mid .counter {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-content: center;
  padding: 1rem;
  background: #64A2A5;
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown .mid .counter {
    justify-content: space-evenly;
  }
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown .mid .counter {
    min-height: 10.1rem;
    width: 39.1rem;
  }
}
.events_calendar_page__countdown .mid .counter > div {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.5rem;
}
.events_calendar_page__countdown .mid .counter > div .num {
  font-size: 3.6rem;
  letter-spacing: 0.244rem;
  line-height: 4.3rem;
  color: #FFFFFF;
}
.events_calendar_page__countdown .mid .counter > div .str {
  font-size: 1.5rem;
  letter-spacing: 0.102rem;
  line-height: 1.8rem;
  color: #FFFFFF;
  text-transform: uppercase;
}
.events_calendar_page__countdown .right {
  background: #EAE6E0;
  height: 13rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .events_calendar_page__countdown .right {
    grid-column: 1/span 2;
  }
}
@media (min-width: 1024px) {
  .events_calendar_page__countdown .right {
    grid-column: 3/span 1;
    height: 100%;
  }
}
.events_calendar_page__countdown .right > a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  min-width: 18.3rem;
  min-height: 4.5rem;
  background: #7BB1B4;
  color: #FFFFFF;
  font-size: 1.2rem;
  letter-spacing: 0.081rem;
  line-height: 1.4rem;
  text-transform: uppercase;
}
.events_calendar_page__countdown .right > a:hover {
  transform: scale(1.1);
}
.events_calendar_page__preloader {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  background: #FFFFFF;
  transition: all 0.5;
}
.events_calendar_page__preloader.hid {
  opacity: 0;
  visibility: hidden;
}
.events_calendar_page__preloader svg {
  position: absolute;
  left: 50%;
  top: 10rem;
  transform: translate(-50%, -50%);
  --size: 15rem;
  --svg-clr: var(--c8);
}
.events_calendar_page__preloader svg.one {
  animation: 4s fade-forward infinite;
}

@keyframes fade-forward {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(2);
  }
}

.quendoo-spbsbw-btn {
  margin: 0 !important;
  padding: 0 !important;
  width: 0;
  height: 0;
}

#quendoo-spbsbw {
  position: relative;
  z-index: 1100;
}

.quendoo-spbsbw-sidebar {
  top: 50% !important;
  bottom: unset !important;
  right: 50% !important;
  transform: translate(calc(100vw + 50%), -50%) !important;
  height: 90vh;
  border-radius: 3rem;
  overflow: hidden;
  border: solid 0.1rem var(--scr-bor-clr);
}

#quendoo-spbsbw.show .quendoo-spbsbw-sidebar {
  transform: translate(50%, -50%) !important;
}